Tempered Stone color palette — #E8FAF4 · #E8D5D0 · #99C2AD · #A9A497 · #5D4D5A
A conversation between Mint Leaf and Charcoal Brown, giving this palette its sense of sophistication and softness.
The five colors
- Ivory (#E8FAF4): A whisper-light, dusty teal — the color of sea glass.
- Bone (#E8D5D0): A whisper-light, dusty orange — the color of toasted spice.
- Mint Leaf (#99C2AD): A luminous, dusty teal — the color of glacier melt.
- Taupe (#A9A497): soft and architectural.
- Charcoal Brown (#5D4D5A): A full-bodied, dusty pink — the color of a candy shop window.
Feels like: Sophistication, Softness, Clarity. 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 Market color palette (#EAFBEA, #FCDCFC, #C0E7E5, #AEBFA1, #405547)
- Tempered Study color palette (#FCF5E3, #E0DABD, #C3B493, #A48E6F, #4F4A00)
- Powder Thicket color palette (#FFF0F8, #C1B9F9, #C9B489, #81A579, #483840)
- Softworn Station color palette (#FFF0F7, #F2D3E0, #EFB5B8, #8EA5D5, #553240)
- Ash Thicket color palette (#FDF1F8, #F3DAB4, #989AC6, #7D6473, #33272E)
- Wisteria Courtyard color palette (#FFF0FA, #F6D1CB, #E7BC90, #C478E8, #5D2144)
- Faded Lilac color palette (#ECD7E9, #A4A5F0, #AB80BF, #006C96, #060B2B)
- Celadon Chapel color palette (#C4F6AB, #FFCDD6, #C8D1FF, #796774, #383036)
Browse the whole catalog at Explore, or see today's palette.