Dusty Olive color palette — #F5F2E6 · #B1B88C · #A78ECF · #707900 · #452633

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

The five colors

• Cream (#F5F2E6): a clean, paper-quiet neutral.
• Sage (#B1B88C): A luminous, dusty green — the color of fresh herbs.
• Mauve (#A78ECF): A luminous, balanced violet — the color of a velvet chair.
• Olive Leaf (#707900): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#452633): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Creativity, Balance. 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

• Frosted Lilac Harbor color palette (#F8F6E6, #AAB878, #9E8AD7, #6D7B25, #614251)
• Aged Grove color palette (#F6F1E6, #BEB486, #739FD5, #857100, #193250)
• Dusty Cypress Corridor color palette (#EDF5E7, #84C2AD, #C385AE, #008569, #46233B)
• Worn Wisteria Summit color palette (#EBF9F2, #C7C993, #C59DEB, #90914F, #4A4A62)
• Cobalt Villa color palette (#F0F5E0, #7EA886, #8189BD, #6F70B3, #262A15)
• Bronze Station color palette (#F9F0EA, #CDB79D, #AF7249, #764950, #322B1A)
• Cypress Grove color palette (#EFF3EC, #DFBAA9, #366D5E, #003B2E, #10160A)
• Taupe Corridor color palette (#F5F2E3, #B8DFDA, #8BC0D0, #B58B5E, #363D00)

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