Tempered Basalt color palette — #FAF4EC · #C1E3D0 · #AAB391 · #9C7C86 · #514600

Deep Olive takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Celadon Mist (#C1E3D0): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#AAB391): A luminous, dusty green — the color of new leaves after rain.
• Heather (#9C7C86): A luminous, dusty rose — the color of a warm blush.
• Deep Olive (#514600): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

Use it as a design system

One click turns Tempered Basalt 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 Stone Bloom color palette (#EEF8F0, #C9E5D8, #ACBD91, #A891A8, #3A5448)
• Wandering Station color palette (#FCF3EB, #D8E4BD, #88A97C, #9B6A33, #3B3831)
• Patina Mustard Summit color palette (#FFF2EB, #E0DCC6, #CFB671, #768248, #484841)
• Driftwood Lantern color palette (#EFF8F0, #A4CBBC, #678C6D, #62637C, #3E524A)
• Patina Driftwood Courtyard color palette (#F6F1EA, #CEC3A0, #778C52, #79594E, #33312A)
• Washed Taupe color palette (#FBF4E8, #F5E5AD, #C3C6FF, #AB995A, #583C4E)
• Weathered Periwinkle Balcony color palette (#FAF6E2, #C9D392, #ABB8EA, #909ED9, #3A3831)
• Airy Teal Harbor color palette (#FEF4DD, #B8E9A2, #33A888, #805D81, #1C360D)

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