Weathered Basalt color palette — #F9F5ED · #DDD6AE · #8FB990 · #A08F5F · #4D4300

Deep Olive and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F5ED): bright and airy, almost weightless.
• Wheat (#DDD6AE): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#8FB990): A luminous, dusty green — the color of new leaves after rain.
• Caramel (#A08F5F): A luminous, dusty green — the color of fresh herbs.
• Deep Olive (#4D4300): 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 Weathered 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

• Wandering Taupe Grove color palette (#F9F5E9, #C3EDCA, #8BAA69, #89752C, #3A3932)
• Ancient Jade color palette (#FAF4EB, #D3CBA1, #77B176, #3B948F, #37362F)
• Hazy Pine Boulevard color palette (#F0E9DA, #85A36A, #008650, #615700, #081300)
• Aged Mint color palette (#EEF9E8, #C4E7E2, #DDC9C7, #83C28B, #38523F)
• Washed Market color palette (#F1EBD6, #95D38B, #00B185, #7D810D, #083902)
• Aged Pine Harbor color palette (#E9F6EC, #AFBA89, #588158, #465B4C, #182C25)
• Dusty Fern Lantern color palette (#EBECD4, #4F9A78, #00716C, #2F530F, #000804)
• Misty Archive color palette (#E9EDC2, #9CD7A9, #3AC9A0, #00958F, #0D525B)

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