Sandstone Color Palette
A warm sandstone palette evoking natural stone. Great for construction, real estate, and architectural brands.
Dark Stone
HEX: #7a6843
RGB: rgb(122, 104, 67)
HSL: hsl(40, 29%, 37%)
Stone
HEX: #9e885c
RGB: rgb(158, 136, 92)
HSL: hsl(40, 26%, 49%)
Sandstone
HEX: #c2a875
RGB: rgb(194, 168, 117)
HSL: hsl(40, 39%, 61%)
Light Stone
HEX: #dcc9a0
RGB: rgb(220, 201, 160)
HSL: hsl(41, 46%, 75%)
Sand Mist
HEX: #f0e6cc
RGB: rgb(240, 230, 204)
HSL: hsl(43, 55%, 87%)
CSS Variables
:root {
--sandstone-1: #7a6843;
--sandstone-2: #9e885c;
--sandstone-3: #c2a875;
--sandstone-4: #dcc9a0;
--sandstone-5: #f0e6cc;
}Tailwind CSS Config
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'sandstone': {
'100': '#7a6843',
'200': '#9e885c',
'300': '#c2a875',
'400': '#dcc9a0',
'500': '#f0e6cc',
},
},
},
},
}Use Cases
Construction companies
Real estate sites
Architecture firms
Museum websites
Related Palettes
Frequently Asked Questions
Why do neutral stone palettes work for real estate?▾
Neutral stone palettes let property images take center stage while conveying quality, stability, and elegance. They appeal to a broad audience without strong color bias.
How do I add warmth to a stone palette?▾
Include warm accent colors like terracotta, gold, or burnt orange. Use warmer stone shades rather than cool grays to maintain an inviting feel.