Warm Sand Color Palette
Warm cream and taupe with a single burnt-orange accent.
Make it a gradient → Want to adjust the palette colors? Use the Color Palette Generator →
Colors
#FFFCF2
#CCC5B9
#403D39
#252422
#EB5E28
Contrast on Light & Dark Backgrounds
| Color | Hex | On White | On Black |
|---|---|---|---|
| #FFFCF2 | T - | T - | |
| #CCC5B9 | T - | T - | |
| #403D39 | T - | T - | |
| #252422 | T - | T - | |
| #EB5E28 | T - | T - |
Each circle shows the color as text on white and black, with a simulated WCAG AA pass/fail badge. Not a guarantee of accessibility compliance. Click a check to verify it on colorcontrastcheck.com.
Warm Sand CSS Code
oklch(99.06% 0.0135 92.98) oklch(82.58% 0.0183 81.32) oklch(36.16% 0.0079 75.31) oklch(26.06% 0.004 84.58) oklch(65.65% 0.1862 39.43)
The same colors in OKLCH. In a gradient, OKLCH can also blend them more vividly. How OKLCH gradients work →
Similar Palettes
More Color Palettes
FAQ
What colors are in the Warm Sand palette?
Warm cream and taupe with a single burnt-orange accent.
How do I turn the Warm Sand palette into a CSS gradient?
Use background: linear-gradient(to right, #FFFCF2, #CCC5B9, #403D39, #252422, #EB5E28);, or click "Make it a gradient" above to open it in the live generator.