Dusty Basalt color palette — #FAF4E9 · #B6B18F · #5B7D5D · #6F4E5E · #4C4300

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

The five colors

• Ivory (#FAF4E9): bright and airy, almost weightless.
• Sage (#B6B18F): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#5B7D5D): A full-bodied, dusty green — the color of a quiet forest floor.
• Charcoal Brown (#6F4E5E): A full-bodied, dusty rose — the color of strawberry cream.
• Deep Olive (#4C4300): A deep, shadowed, dusty 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

• Dusty Fern Terrace color palette (#F6F6ED, #BDC5AB, #558D84, #765F62, #45550B)
• Olive Cabin color palette (#FFF3E4, #ABA759, #51762F, #4E4B74, #3D3A34)
• Antique Pine color palette (#E6F6F2, #93BDB8, #49845D, #175F6A, #0E2D2A)
• Antique Oat Lantern color palette (#FFF1F3, #E3DAD1, #F2BB9A, #8678A8, #604341)
• Dusty Workshop color palette (#FFF1F3, #BE8BBE, #4D9B7C, #8B468D, #064F38)
• Aged Teal color palette (#ECF9F0, #CDDCAC, #89BA90, #888EB0, #2B4940)
• Washed Jade color palette (#F2ECD1, #68A267, #006B52, #573163, #0D380F)
• Tempered Cypress Station color palette (#FDF3EE, #CCE3D2, #5793AF, #18725C, #573D5A)

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