Tempered Stone color palette — #F2F7EB · #B7E2E0 · #A1B698 · #6F8E82 · #404A38
Sage takes the lead with Silver close behind in a set that reads as sophistication and grounding at first glance.
The five colors
- Ivory (#F2F7EB): a clean, paper-quiet neutral.
- Silver (#B7E2E0): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#A1B698): A luminous, dusty green — the color of new leaves after rain.
- Eucalyptus (#6F8E82): A luminous, dusty teal — the color of sea glass.
- Deep Olive (#404A38): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Sophistication, Grounding. Tagged botanical, earthy, muted, light.
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
- Lagoon Ridge color palette (#ECF8F8, #9CCBCF, #3E9184, #51697C, #3D5153)
- Hushed Bronze color palette (#F7F6E9, #BDE2D3, #9AB894, #B2754D, #4C4900)
- Muted Olive color palette (#FDF5DD, #B9C277, #698038, #72413C, #1E1800)
- Softworn Jade Basin color palette (#DFE4CC, #41A373, #005C45, #3E2500, #000201)
- Pine Garden color palette (#F8F7DE, #84B074, #037429, #5D2C0C, #020B00)
- Ancient Cocoa Courtyard color palette (#FFF2EE, #E0D9CE, #D9A7A0, #A7B6B2, #7D3E25)
- Stone Lantern color palette (#FFF1F2, #F1D4D3, #E19EB8, #A66C7C, #5E3F38)
- Muted Mustard color palette (#FFF2ED, #FCB7B7, #D6B674, #B196C0, #47332C)
Browse the whole catalog at Explore, or see today's palette.