Hazy Olive color palette — #D1E4D3 · #ADAD66 · #5C8829 · #005C2F · #00382E

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

The five colors

• Celadon Mist (#D1E4D3): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#ADAD66): A luminous, balanced green — the color of a quiet forest floor.
• Olive Leaf (#5C8829): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#005C2F): A full-bodied, balanced teal — the color of sea glass.
• Deep Forest (#00382E): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Balance. Tagged cool.

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

• Olive Orchard color palette (#FFD3E3, #C5A86D, #7F8213, #345C00, #003B25)
• Timeworn Canyon color palette (#EDF0CD, #8BB57C, #1A8A57, #00574F, #002F36)
• Wandering Summit color palette (#FFE7C2, #BEBD67, #6F9D1E, #257E52, #374E31)
• Pale Moss Balcony color palette (#EDECDA, #689700, #006A39, #00493B, #001B1D)
• Olive Meadow color palette (#E0F8F3, #8AB17B, #A978B6, #35760E, #351B3C)
• Patina Bronze Villa color palette (#E1F8F2, #BCE2FA, #ADC2F4, #947A3D, #113C3B)
• Antique Cocoa Thicket color palette (#FFECF3, #91B69D, #926C48, #6F3B34, #032A20)
• Teal Workshop color palette (#D5EEE0, #2BAF98, #007279, #00445E, #002248)

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