Tempered Basalt color palette — #FDF4E1 · #C4DAA6 · #B7AD7E · #9C836A · #374300

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

The five colors

• Cream (#FDF4E1): A whisper-light, dusty gold — the color of old brass.
• Pistachio (#C4DAA6): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#B7AD7E): A luminous, dusty green — the color of a quiet forest floor.
• Caramel (#9C836A): A luminous, dusty gold — the color of afternoon light on wheat.
• Deep Olive (#374300): A deep, shadowed, balanced green — the color of new leaves after rain.

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

• Dusty Sand Veranda color palette (#FFF2E9, #EBCB99, #D0A086, #A37E73, #3F3D36)
• Washed Driftwood color palette (#E4FCEF, #BAC495, #989157, #53725A, #26443E)
• Quiet Apricot color palette (#FFEDF6, #FFBEB5, #DD9D62, #938236, #224800)
• Washed Cocoa Terrace color palette (#E7F6EE, #8CB6A9, #7C7747, #674400, #042926)
• Muted Mustard color palette (#F9E7CB, #B2BA51, #B38610, #915C3E, #242700)
• Patina Marigold color palette (#FFD3C3, #F9A225, #DE7048, #A95066, #312900)
• Hushed Corridor color palette (#FFF1F1, #FFBFDF, #9CBB6B, #D583AE, #262516)
• Timeworn Celadon color palette (#FFF1F3, #B7E59E, #AE85AC, #7C585D, #2A1E20)

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