Tempered Stone color palette — #FFF4DA · #C8BF94 · #91917D · #677367 · #3C5553
A conversation between Sand and Custard, giving this palette its sense of nature and growth.
The five colors
- Custard (#FFF4DA): A whisper-light, dusty gold — the color of old brass.
- Sand (#C8BF94): A luminous, dusty green — the color of a quiet forest floor.
- Eucalyptus (#91917D): A luminous, dusty green — the color of a quiet forest floor.
- Pewter (#677367): A full-bodied, dusty green — the color of a quiet forest floor.
- Charcoal Brown (#3C5553): A full-bodied, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Tempered Stone into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Stone Courtyard color palette (#E7FCDC, #A4C2A3, #75947E, #795D71, #624D57)
- Aged Stone Studio color palette (#FBEFC9, #ADBC6F, #758947, #536940, #4F5049)
- Aged Studio color palette (#F6F6E9, #9BBD71, #C4877A, #647C46, #534B48)
- Dusty Cocoa color palette (#C8EFC6, #82AF93, #6F8463, #3E5951, #653B00)
- Aged Atelier color palette (#E7EBCA, #79AA8B, #5E7352, #204E40, #412B41)
- Worn Seafoam Summit color palette (#F4FAD3, #A8E0A9, #609466, #325735, #35362F)
- Dusty Bloom color palette (#FFF2EC, #F0D8CC, #C9BFAC, #B38A99, #644741)
- Dusty Bloom color palette (#F3F6EE, #C5E7EC, #AC8DAD, #47758E, #5D4C5B)
Browse the whole catalog at Explore, or see today's palette.