Color Palette

The primitive color scales behind the theme — extracted from the Figma variables export.

22 scales × 11 steps of Tailwind color primitives. The theme tokens are composed from these — the blue ramp is the brand / primary scale (--primary = blue-600). Hover a swatch to see its exact OKLCH value.

blue

brand · primary11 steps
50
100
200
300
400
500
600
700
800
900
950

slate

11 steps
50
100
200
300
400
500
600
700
800
900
950

gray

11 steps
50
100
200
300
400
500
600
700
800
900
950

zinc

11 steps
50
100
200
300
400
500
600
700
800
900
950

neutral

11 steps
50
100
200
300
400
500
600
700
800
900
950

stone

11 steps
50
100
200
300
400
500
600
700
800
900
950

red

11 steps
50
100
200
300
400
500
600
700
800
900
950

orange

11 steps
50
100
200
300
400
500
600
700
800
900
950

amber

11 steps
50
100
200
300
400
500
600
700
800
900
950

yellow

11 steps
50
100
200
300
400
500
600
700
800
900
950

lime

11 steps
50
100
200
300
400
500
600
700
800
900
950

green

11 steps
50
100
200
300
400
500
600
700
800
900
950

emerald

11 steps
50
100
200
300
400
500
600
700
800
900
950

teal

11 steps
50
100
200
300
400
500
600
700
800
900
950

cyan

11 steps
50
100
200
300
400
500
600
700
800
900
950

sky

11 steps
50
100
200
300
400
500
600
700
800
900
950

indigo

11 steps
50
100
200
300
400
500
600
700
800
900
950

violet

11 steps
50
100
200
300
400
500
600
700
800
900
950

purple

11 steps
50
100
200
300
400
500
600
700
800
900
950

fuchsia

11 steps
50
100
200
300
400
500
600
700
800
900
950

pink

11 steps
50
100
200
300
400
500
600
700
800
900
950

rose

11 steps
50
100
200
300
400
500
600
700
800
900
950