Washed Olive color palette — #F5F2E6 · #B6B781 · #8E98D1 · #787600 · #44253B

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

The five colors

• Cream (#F5F2E6): a clean, paper-quiet neutral.
• Sage (#B6B781): A luminous, dusty green — the color of a quiet forest floor.
• Blue Fog (#8E98D1): A luminous, balanced violet — the color of wild irises.
• Olive Leaf (#787600): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#44253B): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Balance. Tagged muted.

Use it as a design system

One click turns Washed 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

• Antique Olive color palette (#FAF5E6, #B9B271, #958ED7, #7F7406, #604353)
• Timeworn Bronze color palette (#F7F1E7, #C8AF89, #61A5CE, #916A00, #08354C)
• Olive Courtyard color palette (#F2F3E4, #9FBD98, #C584AB, #49823B, #482627)
• Dusty Powder Basin color palette (#EBF9F2, #C7C993, #9EABF5, #909146, #424D64)
• Ancient Market color palette (#F7F1E3, #BFBD9D, #9A7F39, #734F29, #292F1E)
• Cobalt Chapel color palette (#F4F3DE, #8BA771, #768CC2, #5B75BA, #2A2910)
• Timeworn Peony Harbor color palette (#E9ECD4, #6EA068, #B35BA6, #136109, #32052E)
• Spruce Studio color palette (#F0F3E9, #DCBCA9, #3E6D50, #2B3600, #121609)

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