Warm · curated

Saffron Market

Saffron Market is a curated spiced, generous, spirited system designed to move from expressive brand color to dependable surface and text roles.

Color values

Saffron Market Primary · primary

HEX #D1495B

RGB 209, 73, 91

HSL 352°, 60%, 55%

On white 4.36:1 · on black 4.82:1

Saffron Market Secondary · secondary

HEX #F79256

RGB 247, 146, 86

HSL 22°, 91%, 65%

On white 2.28:1 · on black 9.20:1

Saffron Market Accent · accent

HEX #F4D35E

RGB 244, 211, 94

HSL 47°, 87%, 66%

On white 1.47:1 · on black 14.33:1

Saffron Market Background · background

HEX #FFF8E7

RGB 255, 248, 231

HSL 42°, 100%, 95%

On white 1.06:1 · on black 19.83:1

Saffron Market Text · text

HEX #243238

RGB 36, 50, 56

HSL 198°, 22%, 18%

On white 13.22:1 · on black 1.59: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
12.49:1AAA
Aa Sample text
9.02:1AAA
Aa Sample text
5.79:1AA
Aa Sample text
4.12:1Large text only
Aa Sample text
3.03:1Large text only
Aa Sample text
2.98:1Decorative only
Aa Sample text
2.16:1Decorative only
Aa Sample text
1.91:1Decorative only

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