Tempered Stone color palette — #FFF0FB · #ADC678 · #404A8A · #0F123A · #040003
A conversation between Pistachio and Indigo, giving this palette its sense of nature and growth.
The five colors
- Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
- Pistachio (#ADC678): A luminous, balanced green — the color of new leaves after rain.
- Indigo (#404A8A): A full-bodied, balanced violet — the color of twilight just after sunset.
- Deep Indigo (#0F123A): A deep, shadowed, dusty violet — the color of twilight just after sunset.
- Black (#040003): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Creativity, 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
- Dusty Mint color palette (#FFF1F5, #71D2A1, #663B7D, #260534, #040001)
- Denim Meadow color palette (#FDF1F9, #B1DEAB, #595E93, #3A1C31, #090206)
- Softworn Denim color palette (#FEF0FF, #F7A37B, #005196, #001834, #030004)
- Hazy Aubergine color palette (#FFE6F2, #63B77A, #3E2A77, #0A0022, #040002)
- Gentle Nightshade color palette (#D8DDEF, #D7B366, #766CBA, #48368C, #06091B)
- Pale Aubergine color palette (#F9E8F1, #AE8728, #3C0E8F, #14013A, #050003)
- Frost Harbor color palette (#FFF1F7, #B4F7DA, #7B6E99, #3C3154, #190A11)
- Pale Thicket color palette (#FFF2F0, #BCEA88, #A8406A, #4E182E, #130302)
Browse the whole catalog at Explore, or see today's palette.