Tempered Basalt color palette — #F9F5E6 · #9BBA93 · #418268 · #6C5257 · #444600

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

The five colors

• Cream (#F9F5E6): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#9BBA93): A luminous, dusty green — the color of new leaves after rain.
• Fern (#418268): A full-bodied, dusty teal — the color of shallow lagoons.
• Coffee (#6C5257): A full-bodied, dusty red — the color of embers at dusk.
• Deep Olive (#444600): A deep, shadowed, balanced green — the color of fresh herbs.

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

• Ancient Quarry color palette (#FFF4DB, #8BB254, #007E45, #704051, #31401D)
• Patina Lagoon color palette (#F6F1E7, #B4B695, #488271, #684C52, #282912)
• Antique Driftwood Station color palette (#FBF4EA, #CEC097, #87853C, #765F61, #5E4B00)
• Timeworn Hollow color palette (#ECF9F1, #B0CEAA, #639D8D, #716D8B, #284945)
• Patina Basin color palette (#FFF3E7, #FBECAC, #9CCB99, #A6716C, #504B45)
• Weathered Mustard Market color palette (#FFF3E4, #EBB263, #956700, #5A3C00, #3F2700)
• Jade Lantern color palette (#EDEDD1, #00AC74, #006962, #60304E, #003823)
• Amber Pier color palette (#FFF3E7, #D58D41, #3694C1, #8C581F, #244B3D)

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