Tempered Stone color palette — #EDF8F2 · #E4EABD · #BCDB99 · #A4BC72 · #2C5443
A conversation between Sage and Pistachio, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EDF8F2): bright and airy, almost weightless.
- Celadon Mist (#E4EABD): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#BCDB99): A whisper-light, balanced green — the color of new leaves after rain.
- Sage (#A4BC72): A luminous, balanced green — the color of fresh herbs.
- Deep Olive (#2C5443): A full-bodied, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, 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
- Timeworn Mustard Archive color palette (#EBF9F1, #EDDFC9, #E3BF52, #64AC76, #325247)
- Aged Emerald Parlor color palette (#E6FAF7, #AECFAA, #7FB9E0, #5AA051, #335068)
- Dusty Delta color palette (#ECF8F7, #A8F4F4, #9CE8AD, #43C7AA, #255253)
- Frosted Mint Study color palette (#E5FAF8, #BAE38E, #70D283, #00AC85, #004122)
- Straw Studio color palette (#FDF4E3, #FAE28E, #E4DAC8, #9DD2B1, #564800)
- Softworn Driftwood Corridor color palette (#E6FBF5, #C1DDDA, #95B5B6, #708CA0, #465260)
- Washed Taupe Drift color palette (#E8F6EE, #A49F55, #455E56, #283D33, #1D241F)
- Feathered Clover color palette (#DAFFF3, #EFE669, #B2D900, #22C229, #243F00)
Browse the whole catalog at Explore, or see today's palette.