Tempered Stone color palette — #EEF8EE · #B3B473 · #558053 · #59566F · #2F493E
A conversation between Sage and Fern, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EEF8EE): a clean, paper-quiet neutral.
- Sage (#B3B473): A luminous, balanced green — the color of fresh herbs.
- Fern (#558053): A full-bodied, balanced green — the color of fresh herbs.
- Charcoal Brown (#59566F): A full-bodied, dusty violet — the color of wild irises.
- Forest (#2F493E): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Weathered Garden color palette (#E9FBEB, #93A459, #36714B, #464864, #223B33)
- Wandering Stone Study color palette (#F5F2E3, #A5BC92, #607E5C, #435D45, #2A290E)
- Lagoon Thicket color palette (#EDF9F2, #97CDC4, #578E7E, #6D6075, #40514E)
- Linen Wisteria color palette (#F6F3FF, #C983C1, #68994F, #884D81, #144D44)
- Muted Stone color palette (#F4F4FF, #EADAD7, #E7BB9A, #727DA5, #554B5D)
- Cerulean Archive color palette (#FAF3F9, #BBE4F1, #3E96B6, #456D4D, #334964)
- Aged Mint Summit color palette (#FBF4EA, #DED5B2, #90BA83, #AA8299, #4F4100)
- Soft Loft color palette (#F5F3FF, #B168BA, #219061, #00736F, #393548)
Browse the whole catalog at Explore, or see today's palette.