Tempered Basalt color palette — #F9F5EB · #E1D4AE · #A9B27E · #929276 · #514000

Built around Deep Olive, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#F9F5EB): bright and airy, almost weightless.
• Wheat (#E1D4AE): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#A9B27E): A luminous, dusty green — the color of a quiet forest floor.
• Eucalyptus (#929276): A luminous, dusty green — the color of new leaves after rain.
• Deep Olive (#514000): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, 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 Hollow color palette (#FBF5E3, #C6D09F, #92AA73, #529187, #37362F)
• Washed Ridge color palette (#E9E3CF, #92A054, #597E00, #356237, #0E1100)
• Airy Turquoise color palette (#E4FCEF, #86D9F9, #ABCA86, #44ACD1, #364A1B)
• Olive Lagoon color palette (#E8F6ED, #B7B689, #717C2B, #365E56, #192C23)
• Timeworn Ash Dune color palette (#E3FCF4, #E1DFED, #B9AAAC, #82B4CF, #5A4A5B)
• Teal Lagoon color palette (#E1E8D5, #77CDB3, #38A495, #3A8285, #003126)
• Quiet Mallow color palette (#DDFEF3, #83C6F9, #C8A1EB, #59B9A3, #1B4036)
• Sky Field color palette (#B2F2FF, #7DDDF5, #49BCE4, #3F94B9, #234B65)

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