warmearthy
Saffron Spice Color Palette
Saffron Spice is a warm and earthy color palette of 5 colors: Oxblood (#3c1518), Maroon (#69140e), Sienna (#a44200), Peru (#d58936) and Pale Goldenrod (#f2f3ae). Its dominant hue is orange.
The darkest color, Oxblood, on the lightest, Pale Goldenrod, gives a 13.87:1 contrast ratio — enough for body text at WCAG AAA. 4 pairs in this palette pass AA for normal text. Sienna (#a44200) is its most saturated color and a natural choice for buttons and links.
Colors
- Oxblood
- Maroon
- Sienna
- Peru
- Pale Goldenrod
CSS Output
:root {
--saffron-spice-1: #3c1518;
--saffron-spice-2: #69140e;
--saffron-spice-3: #a44200;
--saffron-spice-4: #d58936;
--saffron-spice-5: #f2f3ae;
}Saffron Spice on a Website
A quick preview on a landing page: the most colorful colors become the primary and accent, a light one the surface. For a more realistic look across many designs, open it in the Palette Visualizer below.
See it on real designs
This is a single preview. The Palette Visualizer shows the palette on 11 designs — dashboards, mobile apps, pricing and blog pages, posters and business cards — lets you change which color plays which role, switch to dark mode and check contrast.
Accessible Color Combinations
Pairs from this palette that work as text on a background, with their WCAG contrast ratio. AA needs 4.5:1 for body text; large text needs 3:1.
- Oxblood on Pale Goldenrod#3c1518 on #f2f3ae13.87:1AAA
- Maroon on Pale Goldenrod#69140e on #f2f3ae10.66:1AAA
- Oxblood on Peru#3c1518 on #d589365.68:1AA
- Sienna on Pale Goldenrod#a44200 on #f2f3ae5.42:1AA
- Maroon on Peru#69140e on #d589364.37:1AA Large