Tempered Stone color palette — #EEF9ED · #BDE9DF · #99B898 · #936E7C · #314537
Sage and Mocha set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#EEF9ED): a clean, paper-quiet neutral.
- Honeydew (#BDE9DF): A whisper-light, dusty teal — the color of sea glass.
- Sage (#99B898): A luminous, dusty green — the color of fresh herbs.
- Mocha (#936E7C): A full-bodied, dusty rose — the color of a warm blush.
- Forest (#314537): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, 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 Stone Hollow color palette (#FFF1F7, #EDD3D0, #C7A2B3, #8C7180, #364335)
- Taupe Veranda color palette (#FFF1F5, #C7E7C9, #B99771, #856247, #213827)
- Hushed Drift color palette (#FFF0F7, #EDB693, #97BA8C, #997494, #3F2A35)
- Abyss Grove color palette (#FFF5D6, #CFEDC1, #ACB27D, #6B7C43, #2D4C13)
- Patina Cabin color palette (#FAF0E5, #C8B99D, #9D7C56, #80481D, #302C1C)
- Olive Dune color palette (#DBFFED, #B0B977, #7D7A32, #534600, #0E1500)
- Driftwood Summit color palette (#FDF2F7, #CBFCEC, #A87A60, #583C4B, #22171D)
- Patina Stone Atelier color palette (#FBF2FA, #F6A6A5, #7294C7, #746394, #2E2536)
Browse the whole catalog at Explore, or see today's palette.