Tempered Basalt color palette — #F9F4EC · #E1D5AE · #A0B583 · #AC8290 · #514100

A conversation between Deep Olive and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F9F4EC): bright and airy, almost weightless.
• Wheat (#E1D5AE): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#A0B583): A luminous, dusty green — the color of a quiet forest floor.
• Dusty Rose (#AC8290): A luminous, dusty rose — the color of pressed rose petals.
• Deep Olive (#514100): 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

• Fern Parlor color palette (#F6F6E8, #CFDBB3, #75BCA8, #868DB5, #3B4900)
• Timeworn Jade Loft color palette (#F9F5EB, #C8D09C, #85AE67, #AF706B, #37352F)
• Timeworn Driftwood Archive color palette (#FBF4EC, #CFC49E, #729C6F, #6F6C97, #504100)
• Peony Study color palette (#F4F8E1, #A4DDC1, #31BDA9, #C56581, #00462F)
• Patina Stone Summit color palette (#FFF2EC, #E0F3B5, #DFDBCA, #E79CA7, #4E4742)
• Aged Mint Harbor color palette (#FFF2EB, #F5A893, #6ECB94, #919EEE, #3D3633)
• Gentle Pier color palette (#F1EBD6, #AACE86, #3FBF5E, #9F489A, #203500)
• Weathered Rust color palette (#FFF2EA, #FFCFBC, #F09676, #BC5C31, #4D1D05)

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