Tempered Basalt color palette — #ECDBCC · #B5B576 · #6DA083 · #8D616A · #522343

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

The five colors

• Bone (#ECDBCC): A whisper-light, dusty gold — the color of old brass.
• Sage (#B5B576): A luminous, balanced green — the color of new leaves after rain.
• Eucalyptus (#6DA083): A luminous, dusty teal — the color of glacier melt.
• Pewter (#8D616A): A full-bodied, dusty red — the color of embers at dusk.
• Mulberry (#522343): A deep, shadowed, balanced pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged vintage, retro, muted.

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

• Lagoon Harbor color palette (#F1EDE0, #91AC7A, #4A9488, #7F576B, #40182E)
• Wandering Basalt color palette (#EFE5C5, #86C4A1, #62A2AE, #95695F, #561F1F)
• Wandering Taupe Thicket color palette (#FFE4D9, #CDAE86, #8DA369, #776DA0, #4E2B36)
• Wandering Driftwood Dune color palette (#FCE2C5, #959657, #407054, #533453, #311031)
• Dusty Lagoon Lantern color palette (#E8F1D1, #94B682, #5A9068, #3F6678, #003A53)
• Aged Cocoa color palette (#FFF4DE, #D7DCBC, #ABBFA8, #A98987, #6F4A41)
• Wandering Lantern color palette (#C4FDD1, #B3D7B6, #89B5DC, #B2815C, #6C4525)
• Muted Cocoa Workshop color palette (#E3F5E4, #429486, #317193, #6B3517, #220900)

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