Tempered Basalt color palette — #FBF4EB · #BDAF86 · #667B53 · #6C4F62 · #524000

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

The five colors

• Ivory (#FBF4EB): bright and airy, almost weightless.
• Camel (#BDAF86): A luminous, dusty green — the color of fresh herbs.
• Walnut (#667B53): A full-bodied, dusty green — the color of a quiet forest floor.
• Charcoal Brown (#6C4F62): A full-bodied, dusty pink — the color of peonies in June.
• Deep Olive (#524000): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Timeworn Fern Parlor color palette (#F9F6E5, #ADB48E, #45806F, #416250, #404700)
• Fern Harbor color palette (#FEF4E5, #9C9F6D, #476F39, #623E51, #37352F)
• Antique Stone color palette (#FFF1F5, #E4D9D2, #E3B2A3, #787EA5, #664749)
• Mulberry Dune color palette (#FFF1F4, #BE88C9, #7A954B, #834C8F, #39491D)
• Muted Abyss Meadow color palette (#E9F5F0, #90BFB2, #617F57, #126160, #032F27)
• Mint Bloom color palette (#EFF8EF, #D9D8AA, #91BB72, #8590AC, #2F493D)
• Ancient Harbor color palette (#FBF3EF, #CDE3CC, #5395A4, #35704D, #285143)
• Worn Fern Market color palette (#F1E2D0, #978D4E, #445F00, #383862, #2F2900)

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