Tempered Stone color palette — #D8FFF5 · #A2E2E2 · #98B984 · #5A744B · #01382F
Sage takes the lead with Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#D8FFF5): A whisper-light, dusty teal — the color of sea glass.
- Sea Foam (#A2E2E2): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#98B984): A luminous, balanced green — the color of fresh herbs.
- Olive (#5A744B): A full-bodied, dusty green — the color of a quiet forest floor.
- Deep Forest (#01382F): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Calm, Sophistication. Tagged monochrome, muted, cool.
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 Coast color palette (#DEFFE5, #CDDBCB, #CCAF76, #7C6838, #15311E)
- Stone Archive color palette (#D8FFF5, #D8EDC0, #ADC490, #7C9061, #2C3D18)
- Dusty Teal color palette (#C4FFFA, #00CAB5, #007367, #002C27, #000201)
- Mint Balcony color palette (#DCFFEB, #00E09B, #00906A, #004430, #000402)
- Timeworn Fern Courtyard color palette (#F5F3DB, #D4D4A7, #738C50, #375918, #152100)
- Wandering Seafoam Study color palette (#E9F9FA, #65DDB0, #C0A1C9, #937794, #223637)
- Ancient Alley color palette (#E1FCF4, #BFE6F3, #9EBACF, #727395, #415652)
- Tempered Stone color palette (#FEF1F8, #EED3D1, #D2A28D, #8B7186, #374337)
Browse the whole catalog at Explore, or see today's palette.