Hazy Olive color palette — #D3ECDE · #9BAE6F · #468339 · #6B4570 · #242D05

Built around Olive Leaf, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Honeydew (#D3ECDE): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#9BAE6F): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#468339): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#6B4570): A full-bodied, balanced pink — the color of a candy shop window.
• Deep Forest (#242D05): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Muted Alley color palette (#CFECE5, #82B290, #15846B, #4A5378, #00302F)
• Soft Olive color palette (#FAF5E8, #B0C57B, #3B8B26, #66406C, #1D1900)
• Olive Alley color palette (#D7F4DE, #B5B03A, #648500, #903C43, #323000)
• Worn Field color palette (#D5ECE4, #6EA26D, #00734D, #653050, #00201D)
• Hazy Balcony color palette (#EFE3D2, #B4C187, #1DAC5D, #7F6A96, #302900)
• Worn Lagoon Parlor color palette (#E2FCF3, #9EC894, #459A6D, #8A5D43, #25431F)
• Misty Boulevard color palette (#F9E8F1, #CE6415, #009070, #6A57B2, #361400)
• Timeworn Workshop color palette (#ECF8F5, #A2CECC, #609D8B, #7A6B83, #234A49)

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