Dusty Basalt color palette — #FAF5E8 · #B1B28F · #3F826D · #645A26 · #454600

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

The five colors

• Ivory (#FAF5E8): bright and airy, almost weightless.
• Sage (#B1B28F): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#3F826D): A full-bodied, dusty teal — the color of glacier melt.
• Coffee (#645A26): A full-bodied, dusty green — the color of new leaves after rain.
• Deep Olive (#454600): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Dusty 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

• Olive Garden color palette (#F6F6EB, #B8C6AA, #4E8D92, #6D691D, #3C5717)
• Cocoa Study color palette (#F6F6E8, #A5B699, #3C7F89, #7C4755, #3A472F)
• Timeworn Pine Garden color palette (#EAF5F0, #89C0B5, #46855B, #365E50, #132D28)
• Cypress Dune color palette (#FDF4E5, #A09D73, #2E7253, #005468, #36362F)
• Muted Jade Garden color palette (#EFECD8, #53A578, #006866, #3E4900, #00381F)
• Aged Pine color palette (#E8FBEA, #BFE2E3, #C2B5EA, #578953, #305041)
• Wandering Veranda color palette (#EEF8F1, #C1E0AF, #79BCA3, #799985, #2B4943)
• Weathered Ember Pier color palette (#ECFAEA, #4EB2AD, #C76A69, #007571, #653030)

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