Dusty Olive color palette — #FFF1F6 · #D1B082 · #978037 · #706813 · #2B5244

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sand (#D1B082): A luminous, dusty gold — the color of old brass.
• Walnut (#978037): A luminous, balanced green — the color of fresh herbs.
• Olive (#706813): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#2B5244): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.

Use it as a design system

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

• Patina Orchard color palette (#D9F6E3, #BBBB85, #7A8E48, #437132, #275752)
• Amber Parlor color palette (#FFF2EA, #F3C38F, #B8952C, #7B7C3F, #4F5048)
• Wandering Bronze color palette (#ECF9F1, #90BCA2, #8896CB, #857200, #3E4D6B)
• Misty Mustard color palette (#EDE2CB, #C1A721, #767500, #415800, #1E4700)
• Washed Field color palette (#DEFEF0, #A7D5C1, #828540, #505200, #3B3B06)
• Timeworn Station color palette (#FFE8FE, #DCA196, #B46B4C, #91501D, #68414F)
• Hushed Olive color palette (#E8E9CC, #90A851, #418306, #005D1C, #004543)
• Tempered Plum Atelier color palette (#E9FAF1, #9F9A61, #3096B8, #A15B85, #30493C)

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