Warm Sand Color Palette
Warm cream and taupe with a single burnt-orange accent.
Use as a gradient →
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.
Warm Sand CSS Code
HEX Copy
#FFFCF2 #CCC5B9 #403D39 #252422 #EB5E28
RGBA Copy
rgba(255, 252, 242, 1.0) rgba(204, 197, 185, 1.0) rgba(64, 61, 57, 1.0) rgba(37, 36, 34, 1.0) rgba(235, 94, 40, 1.0)
HSLA Copy
hsla(46, 100%, 97%, 1.0) hsla(38, 16%, 76%, 1.0) hsla(34, 6%, 24%, 1.0) hsla(40, 4%, 14%, 1.0) hsla(17, 83%, 54%, 1.0)
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 "Use as a gradient" above to open it in the live generator.