Dusty Olive color palette — #FBF5E7 · #B6B88A · #778B21 · #4F6D43 · #37352F

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

The five colors

• Ivory (#FBF5E7): bright and airy, almost weightless.
• Sage (#B6B88A): A luminous, dusty green — the color of a quiet forest floor.
• Olive Leaf (#778B21): A luminous, balanced green — the color of fresh herbs.
• Olive (#4F6D43): A full-bodied, dusty green — the color of fresh herbs.
• Espresso (#37352F): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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 Moss color palette (#FBF5E1, #B4C37F, #669800, #007A70, #373F17)
• Wandering Driftwood Harbor color palette (#FFF3E9, #E4CE94, #7F935A, #536B4D, #32260F)
• Tempered Olive Study color palette (#F7F5EC, #C7C7A1, #719D6B, #677B38, #484500)
• Aged Taupe color palette (#FFF3E6, #AE9B47, #596B26, #494C45, #38352E)
• Tempered Drift color palette (#E7E5D7, #93B07A, #43833A, #006264, #2C2A02)
• Fern Terrace color palette (#F0EBD9, #8B9B55, #476E00, #22512A, #201B00)
• Dusty Lagoon color palette (#DAE2D1, #008871, #00514A, #003236, #000805)
• Patina Orchid Drift color palette (#C7EFE3, #3A9CE5, #A76BCD, #008B78, #02342A)

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