Warm · curated

Cinnamon Dusk

Cinnamon Dusk is a curated spiced, low-lit, reassuring system designed to move from expressive brand color to dependable surface and text roles.

Color values

Cinnamon Dusk Primary · primary

HEX #7B3F24

RGB 123, 63, 36

HSL 19°, 55%, 31%

On white 8.14:1 · on black 2.58:1

Cinnamon Dusk Secondary · secondary

HEX #B5651D

RGB 181, 101, 29

HSL 28°, 72%, 41%

On white 4.34:1 · on black 4.84:1

Cinnamon Dusk Accent · accent

HEX #DDA15E

RGB 221, 161, 94

HSL 32°, 65%, 62%

On white 2.25:1 · on black 9.33:1

Cinnamon Dusk Background · background

HEX #FBF1E3

RGB 251, 241, 227

HSL 35°, 75%, 94%

On white 1.12:1 · on black 18.79:1

Cinnamon Dusk Text · text

HEX #2B1D16

RGB 43, 29, 22

HSL 20°, 32%, 13%

On white 16.28:1 · on black 1.29:1

Text contrast between these colors

WCAG 2.2 asks for 4.5:1 for body text (AA), 3:1 for large text, and 7:1 for AAA. Strongest pairs first.

Aa Sample text
14.57:1AAA
Aa Sample text
7.29:1AAA
Aa Sample text
7.24:1AAA
Aa Sample text
3.88:1Large text only
Aa Sample text
3.75:1Large text only
Aa Sample text
3.62:1Large text only
Aa Sample text
2.01:1Decorative only
Aa Sample text
2.00:1Decorative only

Need to fix a failing pair? Run it through the accessibility checker or browse more palettes.