Dusty Basalt color palette — #F6F6E8 · #AFB48B · #557F60 · #4C6238 · #434700

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

The five colors

• Ivory (#F6F6E8): bright and airy, almost weightless.
• Sage (#AFB48B): A luminous, dusty green — the color of new leaves after rain.
• Fern (#557F60): A full-bodied, dusty teal — the color of glacier melt.
• Olive (#4C6238): A full-bodied, dusty green — the color of new leaves after rain.
• Deep Olive (#434700): A deep, shadowed, balanced green — the color of a quiet forest floor.

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

• Pine Hollow color palette (#F8F6DF, #8CAF7B, #2D7C37, #006042, #2A421C)
• Antique Driftwood color palette (#F9F5EB, #C8C1A2, #8C833A, #676B22, #5B4C00)
• Weathered Lagoon Field color palette (#EEF8F3, #99D1C9, #57A086, #557B6C, #2E4845)
• Lagoon Quarry color palette (#DAF3D2, #63BCB7, #00888A, #006068, #1A415F)
• Nocturne Spruce color palette (#E6E3D2, #526530, #163300, #001D0A, #040700)
• Softworn Olive Grove color palette (#E8FBEB, #139AA5, #6277BC, #3F7927, #234029)
• Lagoon Delta color palette (#EBF0E1, #2D8C6F, #005145, #003637, #002117)
• Frosted Iris Pier color palette (#EBFAEF, #56AEBD, #9878BD, #007381, #4C3763)

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