Dusty Basalt color palette — #FBF4E6 · #ACA987 · #7D7347 · #6E4825 · #384300

Deep Olive takes the lead with Coffee close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FBF4E6): bright and airy, almost weightless.
• Sage (#ACA987): A luminous, dusty green — the color of a quiet forest floor.
• Walnut (#7D7347): A full-bodied, dusty green — the color of a quiet forest floor.
• Coffee (#6E4825): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Deep Olive (#384300): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Softworn Cocoa color palette (#E8F6ED, #89B7A4, #827538, #644600, #0B2822)
• Ancient Pewter Courtyard color palette (#FFF2EA, #C1A17A, #946653, #71424A, #403D36)
• Worn Chestnut color palette (#FCF5E4, #C8BE97, #9B905A, #806432, #433F00)
• Hushed Taupe color palette (#EBFAF0, #AFDCCE, #BDAC68, #A48060, #274342)
• Chalky Atelier color palette (#FFD3BE, #B2843C, #933E00, #720827, #2E2A00)
• Antique Forest color palette (#F3F8E8, #D8A083, #1E5F3D, #2D2F28, #0E1F13)
• Tempered Fern color palette (#F5F6EE, #93BD7B, #546CAA, #416E20, #2C1F2A)
• Washed Moss Villa color palette (#F6F6E6, #65903A, #99597A, #7B385C, #33332C)

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