Tempered Stone color palette — #E6F7EC · #B6B786 · #707B4E · #375C60 · #132D23
Sage and Walnut set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#E6F7EC): A whisper-light, dusty teal — the color of sea glass.
- Sage (#B6B786): A luminous, dusty green — the color of new leaves after rain.
- Walnut (#707B4E): A full-bodied, dusty green — the color of new leaves after rain.
- Peacock (#375C60): A full-bodied, dusty blue — the color of deep harbor water.
- Deep Forest (#132D23): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Tempered Workshop color palette (#E9F5F2, #A0CEC8, #5C8D8B, #4E666F, #1F3633)
- Dusty Basalt color palette (#FBF4EA, #B7B183, #6D7A46, #446152, #534000)
- Patina Olive Canyon color palette (#E2F8EB, #A2A562, #5C6D1E, #553D55, #092118)
- Washed Chapel color palette (#D4FBF9, #31C390, #007D67, #11536D, #002628)
- Taupe Loft color palette (#FFF1F6, #F4E5B5, #98A56E, #667793, #2B3E31)
- Moss Hollow color palette (#CCEEE2, #71A72F, #1A6E06, #004849, #0D1A00)
- Smoked Olive color palette (#C8EBDA, #5F7100, #263E00, #002421, #020300)
- Patina Boulevard color palette (#D4F4F5, #0CA48A, #00635B, #153C57, #001618)
Browse the whole catalog at Explore, or see today's palette.