Tempered Stone color palette — #E5FBF4 · #C1E7F4 · #A1CAAF · #AFBCE0 · #405550

Pistachio takes the lead with Sky close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E5FBF4): A whisper-light, dusty teal — the color of shallow lagoons.
• Frost (#C1E7F4): A whisper-light, dusty blue — the color of deep harbor water.
• Pistachio (#A1CAAF): A luminous, dusty teal — the color of shallow lagoons.
• Sky (#AFBCE0): A luminous, dusty violet — the color of wild irises.
• Charcoal Brown (#405550): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, 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

• Jade Cabin color palette (#D5FFFF, #A8E8FB, #9DC6EF, #88B782, #1F474E)
• Tempered Taupe Lantern color palette (#EAF9F2, #C6DBF3, #B9ACB0, #BE8E88, #3A534D)
• Seafoam Boulevard color palette (#E3FBFB, #87D6B0, #C4ABD4, #BE8A8E, #2B4242)
• Tempered Fern color palette (#F9F5E6, #CEE8D5, #CBC3D5, #E2BA97, #524D00)
• Basalt Boulevard color palette (#F5F3E0, #B5E1D5, #8ACAD4, #A08D66, #3E3D00)
• Weathered Bone Station color palette (#ECF8F7, #C2EACA, #79A9A7, #517573, #212E2E)
• Weathered Canyon color palette (#FFD8EA, #C4DFFF, #8FEE9E, #556E6C, #273634)
• Ancient Emerald Corridor color palette (#DCF1F4, #94CCE8, #8AAAE7, #4F9E69, #002B28)

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