Color Design Scale (CDS)

Design color scales and palettes that respect specific contrast requirements.

Color system settings

Contrast limits

Usually white and black. You can change this value if you are designing with different base colors.

Base background color

Base text color

Color Space

Contrast checks

Contrast tests

Zen mode

Hide all color information

#121a23

AAA ≈ 17.53 ∶ 1

Fail ≈ 1.2 ∶ 1

#263648

AAA ≈ 12.33 ∶ 1

Fail ≈ 1.7 ∶ 1

#495665

AAA ≈ 7.49 ∶ 1

Fail ≈ 2.8 ∶ 1

Seed

Hex

Luminance-Chroma-Hue

l

0 to 100

c

0 to 140

h

0 to 360

Scale

Minimum contrast step

:1

Darker

Amount

Saturation shift

−3 to +3

Hue shift

−360° to +360°

Lighter