Sandy Shore Color Palette
Warm neutral beige and driftwood brown, straight off the beach.
Use as a gradient →
Colors
#EDE0D4
#E6CCB2
#DDB892
#B08968
#7F5539
Contrast on Light & Dark Backgrounds
| Color | Hex | On White | On Black |
|---|---|---|---|
| #EDE0D4 | T - | T - | |
| #E6CCB2 | T - | T - | |
| #DDB892 | T - | T - | |
| #B08968 | T - | T - | |
| #7F5539 | 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.
Sandy Shore CSS Code
HEX Copy
#EDE0D4 #E6CCB2 #DDB892 #B08968 #7F5539
RGBA Copy
rgba(237, 224, 212, 1.0) rgba(230, 204, 178, 1.0) rgba(221, 184, 146, 1.0) rgba(176, 137, 104, 1.0) rgba(127, 85, 57, 1.0)
HSLA Copy
hsla(29, 41%, 88%, 1.0) hsla(30, 51%, 80%, 1.0) hsla(30, 52%, 72%, 1.0) hsla(27, 31%, 55%, 1.0) hsla(24, 38%, 36%, 1.0)
More Color Palettes
FAQ
What colors are in the Sandy Shore palette?Warm neutral beige and driftwood brown, straight off the beach.
How do I turn the Sandy Shore palette into a CSS gradient?
Use
background: linear-gradient(to right, #EDE0D4, #E6CCB2, #DDB892, #B08968, #7F5539);, or click "Use as a gradient" above to open it in the live generator.