Hazy Olive color palette — #EDEFDD · #558C4A · #00635D · #003852 · #12053C

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

The five colors

• Cream (#EDEFDD): A whisper-light, dusty green — the color of fresh herbs.
• Olive Leaf (#558C4A): A full-bodied, balanced green — the color of fresh herbs.
• Pine (#00635D): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Teal (#003852): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#12053C): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Creativity, 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

• Chalky Navy color palette (#EFF4E6, #53A077, #02727B, #084273, #22153C)
• Wandering Olive Terrace color palette (#EFEFDE, #608A37, #00635B, #003854, #1A1300)
• Sunlit Ridge color palette (#D2E8CC, #008379, #005373, #260080, #1E001E)
• Fern Coast color palette (#F6ECDB, #997600, #32630C, #003D36, #001722)
• Cerulean Basin color palette (#F2F3EB, #B3D0B9, #2E899B, #005B59, #002530)
• Olive Balcony color palette (#ECEACB, #89A987, #698241, #2D5545, #08342B)
• Eclipse Forest color palette (#E1E6C9, #025A12, #003131, #001122, #020100)
• Pale Summit color palette (#DFEAD0, #72A44F, #247827, #004918, #002814)

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