Skip to main content
Logo USWDS + Tailwind

Colors

Color is a practical and emotional tool. It conveys personality, sets a tone, attracts attention, and indicates importance.

Gray

Default

Warm

Cool

Red

Default

Warm

Cool

Vivid

Vivid Warm

Vivid Cool

Orange

Default

Warm

Vivid

Vivid Warm

Gold

Default

Vivid

Yellow

Default

Vivid

Green

Default

Warm

Cool

Vivid

Vivid Warm

Vivid Cool

Mint

Default

Cool

Vivid

Vivid Cool

Cyan

Default

Vivid

Blue

Default

Warm

Cool

Vivid

Vivid Warm

Vivid Cool

Indigo

Default

Warm

Cool

Vivid

Vivid Warm

Vivid Cool

Violet

Default

Warm

Vivid

Vivid Warm

Magenta

Default

Vivid