Tempered Stone color palette — #EBF9F6 · #A1CEAC · #5C8B8B · #566C60 · #3A5251

Pistachio and Storm Blue set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EBF9F6): a clean, paper-quiet neutral.
• Pistachio (#A1CEAC): A luminous, dusty teal — the color of sea glass.
• Storm Blue (#5C8B8B): A luminous, dusty teal — the color of shallow lagoons.
• Graphite (#566C60): A full-bodied, dusty teal — the color of sea glass.
• Charcoal Brown (#3A5251): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Lagoon Station color palette (#E8F5F2, #9FCECC, #5B8C92, #715A62, #1D3635)
• Mint Garden color palette (#D8FFF3, #97C276, #67975D, #456F4B, #345865)
• Aged Archive color palette (#D6FEFF, #8FDAB3, #4D8D6B, #265A40, #114143)
• Hushed Mint Garden color palette (#E7FAF8, #7DC388, #6E9EC8, #4D8055, #375067)
• Patina Ridge color palette (#EDF8F5, #C5E5E7, #8DBED1, #A890B2, #355356)
• Fern Basin color palette (#E9FAF3, #89A66E, #427039, #2D5448, #1E3C35)
• Weathered Lagoon color palette (#F5F6ED, #CCD6B5, #8EA37F, #A3723A, #45550B)
• Olive Bloom color palette (#CBE8E1, #528A49, #005324, #203600, #072104)

Browse the whole catalog at Explore, or see today's palette.