Weathered Basalt color palette — #F9F4EC · #DFD5B3 · #A1B488 · #AB8394 · #504100

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 (#DFD5B3): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#A1B488): A luminous, dusty green — the color of new leaves after rain.
• Dusty Rose (#AB8394): A luminous, dusty rose — the color of a warm blush.
• Deep Olive (#504100): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Washed Fern Delta color palette (#F5F6EB, #CEDABB, #72BDAD, #888CBA, #374A00)
• Taupe Workshop color palette (#FEF4E4, #CFCD9A, #93AB62, #AE7073, #38352F)
• Wandering Emerald color palette (#FDF3E9, #D1C49C, #739C69, #736A99, #524000)
• Hushed Blush Loft color palette (#FFF2ED, #E1DBC8, #B8CFDE, #E698A7, #6F380A)
• Ancient Teal color palette (#E4E7D3, #87CBAD, #00A797, #A55B6D, #003221)
• Soft Workshop color palette (#FFF2ED, #FCA398, #7EC987, #81A2F4, #3E3633)
• Timeworn Clover color palette (#F3EBD7, #B4CC6F, #66BB4C, #984AA7, #293300)
• Hushed Rust color palette (#FFF2EB, #FFC9BE, #EF947F, #BF5B47, #4E1809)

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