Dusty Olive color palette — #F1DDF6 · #C2A075 · #648347 · #565173 · #4E3552

Olive Leaf and Camel set the tone — five colors that lean into nature and growth.

The five colors

• Thistle (#F1DDF6): A whisper-light, dusty pink — the color of peonies in June.
• Camel (#C2A075): A luminous, dusty gold — the color of afternoon light on wheat.
• Olive Leaf (#648347): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#565173): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal (#4E3552): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, 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

• Wandering Petal color palette (#FBDAFB, #BC98A4, #4C7D71, #49536D, #413752)
• Driftwood Corridor color palette (#FBE9FA, #A9BFA7, #6C9069, #735C7E, #56485C)
• Olive Workshop color palette (#FCD9AD, #A9A467, #75752C, #5D435F, #3B2632)
• Cypress Grove color palette (#ECF9F0, #87A675, #007458, #5B3F5F, #183D36)
• Antique Cocoa Bloom color palette (#F9DEEE, #84A893, #488181, #794445, #52372F)
• Hushed Canyon color palette (#FFE1CF, #DDC6A3, #A7A885, #84789F, #5D393F)
• Indigo Corridor color palette (#DFF4EE, #729D43, #7765CD, #3D6300, #342E58)
• Hushed Cocoa color palette (#D9F6DF, #799E74, #1B6F79, #67370A, #3C2D00)

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