Cynosure Design System

Colors

Color system built out of main brand colors and adjusted for variety of interfaces.

CSS Tokens SASS Tokens Style Dictionary Component Types

Primary

Colors that are used most frequently across all pages and components.

Orange

#ff4713

Orange - light

#ff6c42

Orange - dark

#cc390f

Secondary

Colors that are used most frequently across all pages and components.

Purple

#6f2eff

Purple - light

#8c58ff

Purple - dark

#5925cc

Colors that are used most frequently across all pages and components.

Transparent

rgba(255, 255, 255, 0)

Brand

#ff4713

Accent

#6f2eff

Text

Colors that are used most frequently across all pages and components.

Null

Hard

#000000

Base

rgba(0, 0, 0, .8)

Soft

#555555

Muted

rgba(85, 85, 85, .8)

Hard [invert]

#ffffff

Base [invert]

rgba(255, 255, 255, .85)

Soft [invert]

rgba(255, 255, 255, .65)

Muted [invert]

rgba(255, 255, 255, .45)
Next Typography