Tempered Stone color palette — #FCF1FF · #B9CF87 · #A05968 · #503955 · #271E29
Built around Pistachio, softened by Mocha — the whole palette hums with nature and growth.
The five colors
- Blush (#FCF1FF): A whisper-light, dusty pink — the color of neon signs at night.
- Pistachio (#B9CF87): A whisper-light, balanced green — the color of a quiet forest floor.
- Mocha (#A05968): A full-bodied, balanced red — the color of embers at dusk.
- Charcoal (#503955): A deep, shadowed, dusty pink — the color of peonies in June.
- Onyx (#271E29): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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
- Hushed Parlor color palette (#FCF2F7, #DCD397, #9F715A, #5E4452, #32282D)
- Ancient Pewter Pier color palette (#F4F4FF, #91D6AD, #84609C, #403E5C, #20202E)
- Bronze Alley color palette (#FFF2EE, #EBE9B6, #A55F62, #55292C, #180C08)
- Aged Stone Canyon color palette (#FFF2EC, #D3A475, #783F33, #332C29, #211B10)
- Mustard Orchard color palette (#E5FDE6, #E3B41D, #8B5F00, #503500, #101F11)
- Tempered Quarry color palette (#FBF2F7, #CDD9DC, #9DA3B3, #AB8197, #4E4549)
- Antique Rust Coast color palette (#F9F3FA, #FFA9B0, #46A384, #B6646D, #142829)
- Frosted Terracotta color palette (#F9DAF1, #B8B000, #A81B00, #5A0900, #1A0816)
Browse the whole catalog at Explore, or see today's palette.