Tempered Stone color palette — #FFECF2 · #FFF2C2 · #A0CCA8 · #9D6F65 · #293A2D
Built around Pistachio, softened by Custard — the whole palette hums with nature and growth.
The five colors
- Blush (#FFECF2): A whisper-light, dusty rose — the color of strawberry cream.
- Custard (#FFF2C2): A whisper-light, dusty green — the color of fresh herbs.
- Pistachio (#A0CCA8): A luminous, dusty teal — the color of shallow lagoons.
- Mocha (#9D6F65): A full-bodied, dusty orange — the color of sun-warmed clay.
- Forest (#293A2D): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged pastel, 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
- Aged Summit color palette (#FFECF5, #D5F7D7, #A5DACD, #947899, #233422)
- Chestnut Loft color palette (#FFF3E8, #C5E2CD, #A4CBB3, #A16769, #6D4A00)
- Worn Grove color palette (#FFECF3, #C5A76D, #946B47, #5E4156, #11281E)
- Wandering Orchard color palette (#D5FCEE, #7FFBB6, #48D8DA, #907230, #1B300B)
- Frosted Ridge color palette (#FFF1D0, #BAE945, #2BCB98, #9C4E00, #1D1F00)
- Worn Boulevard color palette (#D8FBF4, #A3EDDF, #76B8CE, #65693C, #082C2C)
- Hushed Parlor color palette (#FFF3E2, #BEE6CE, #C1C5D0, #BDA080, #563C00)
- Muted Marigold Cabin color palette (#E7F6EF, #D6AC68, #575907, #022F22, #040F0A)
Browse the whole catalog at Explore, or see today's palette.