colors.md

Colors

The Six Webcomponents library uses a comprehensive color system that includes brand colors, semantic status colors, and neutral tones.

Brand Colors

Red

--six-color-red

Indigo

--six-color-indigo

Color Palettes

Web Rock

--six-color-web-rock-{n}

900

#262626

800

#484848

700

#676767

600

#7b7b7b

500

#a5a5a5

400

#c3c3c3

300

#e5e5e5

200

#f1f1f1

100

#f6f6f6

50

#fbfbfb

Clay

--six-color-clay-{n}

200

#ada398

50

#ebe8e7

Action

--six-color-action-{n}

600

#1f87e5

500

#2196f3

Light

#a8d0f5

Danger

--six-color-danger-{n}

900

#c52c0f

800

#de3919

Light

#f58c78

Warning

--six-color-warning-{n}

800

#ef9f25

700

#f2b72c

Light

#f9deb4

Success

--six-color-success-{n}

600

#58d200

500

#6ae300

Light

#aaff6c

Black & White

--six-color-black/white

Black

#000000

White

#ffffff

Special Purpose

--six-color-*

Inactive

#c3c3c3

Focus

#1f87e5