Tempered Stone color palette — #FFF0FE · #C7DCC7 · #9CBC93 · #9583A0 · #574661
Built around Sage, softened by Charcoal Brown — the whole palette hums with nature and growth.
The five colors
- Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
- Celadon Mist (#C7DCC7): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#9CBC93): A luminous, dusty green — the color of a quiet forest floor.
- Heather (#9583A0): A luminous, dusty violet — the color of a velvet chair.
- Charcoal Brown (#574661): A full-bodied, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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
- Antique Ash color palette (#E1FBE1, #B8DBCF, #94BECA, #A18AA8, #574B5B)
- Muted Oat Canyon color palette (#FFF4DE, #C0CEA3, #99A480, #8B6B84, #61454E)
- Patina Terrace color palette (#F7E4CF, #ADC76F, #00B7B9, #A26A85, #602C47)
- Muted Atelier color palette (#C4EBDA, #76C8A9, #5CA4CD, #916B84, #492C3F)
- Tempered Aqua Courtyard color palette (#F9F3F9, #CDE3F8, #6BCCEF, #74A67B, #344A62)
- Driftwood Courtyard color palette (#FDE8D6, #C1B596, #7E8943, #6F5058, #4E2B2A)
- Dusty Lagoon Hollow color palette (#EDE0D7, #9B9851, #008773, #744666, #321229)
- Aged Mint Garden color palette (#DDFDF7, #93D181, #E894D0, #D37E8C, #1D3F3A)
Browse the whole catalog at Explore, or see today's palette.