earthypastelwarm
Sandstone Color Palette
Sandstone is a earthy, pastel and warm color palette of 5 colors: Linen (#edede9), Light Gray (#d6ccc2), Antique White (#f5ebe0), Bone (#e3d5ca) and Silver (#d5bdaf). It leans on neutral tones rather than one strong hue.
The darkest color, Silver, on the lightest, Linen, gives a 1.52:1 contrast ratio — too low for text, so pair it with white or black. No pair in it passes AA for normal text, so use it for fills and accents. Silver (#d5bdaf) is its most saturated color and a natural choice for buttons and links.
Colors
- Linen
- Light Gray
- Antique White
- Bone
- Silver
CSS Output
:root {
--sandstone-1: #edede9;
--sandstone-2: #d6ccc2;
--sandstone-3: #f5ebe0;
--sandstone-4: #e3d5ca;
--sandstone-5: #d5bdaf;
}Sandstone 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
No two colors in this palette reach 3:1, so use them for fills and accents and set text in white or black.