Hazy Olive color palette — #DEF2FF · #1A9BC5 · #5E8800 · #00607C · #2A3C0C

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

The five colors

• Frost (#DEF2FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#1A9BC5): A luminous, balanced blue — the color of deep harbor water.
• Olive Leaf (#5E8800): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#00607C): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#2A3C0C): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Wandering Emerald Courtyard color palette (#EEF6FF, #5FA5E6, #3BA15B, #1469AB, #0F4C4A)
• Faded Amber color palette (#D7F8E5, #31CCF4, #B97200, #007E9A, #4D2D00)
• Dusty Byzantium color palette (#D0E8FF, #007FCB, #913FBB, #006A5C, #122D46)
• Antique Ultramarine Quarry color palette (#D9E5FF, #4A78FF, #008467, #1700E7, #003729)
• Washed Teal color palette (#F0F5FF, #A1ACE2, #3EAD9A, #626DAA, #2C545A)
• Indigo Orchard color palette (#DBF4F9, #00A39B, #7367CE, #00645F, #332D5E)
• Patina Rust color palette (#D3EDFF, #009FCE, #C05B02, #005E7B, #311200)
• Hushed Aubergine Courtyard color palette (#DDDBF1, #A755C4, #00778E, #70008D, #002F39)

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