Dusty Basalt color palette — #FCF4E9 · #CDC699 · #8B9566 · #557C67 · #543F00

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

The five colors

• Ivory (#FCF4E9): bright and airy, almost weightless.
• Pistachio (#CDC699): A whisper-light, dusty green — the color of a quiet forest floor.
• Moss (#8B9566): A luminous, dusty green — the color of a quiet forest floor.
• Pewter (#557C67): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Olive (#543F00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, 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

• Basalt Loft color palette (#F8F5EC, #B5CDA3, #719B79, #7F6981, #474500)
• Dusty Olive color palette (#FFF2EB, #C3AB8E, #777738, #615079, #5C3A00)
• Patina Taupe color palette (#EDF9EE, #B7E7E4, #98A65C, #537C92, #2B3D33)
• Pine Field color palette (#E9E6C7, #4F834E, #005337, #18294F, #000900)
• Weathered Cypress Canyon color palette (#E3E7D6, #6FB699, #008478, #524E80, #202E0A)
• Pale Quarry color palette (#F6EBCE, #9FB664, #458A35, #0D6091, #283300)
• Worn Fern color palette (#F6EDDC, #868841, #3E5E00, #003E55, #101100)
• Cerulean Dune color palette (#F9F4EE, #C2E5E8, #86A8CF, #3F8694, #583D54)

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