Hazy Olive color palette — #F2FAD4 · #AEFFF4 · #75C6FF · #657700 · #004F40

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

The five colors

• Custard (#F2FAD4): A whisper-light, dusty green — the color of a quiet forest floor.
• Sea Foam (#AEFFF4): A whisper-light, balanced teal — the color of glacier melt.
• Sky (#75C6FF): A luminous, balanced blue — the color of deep harbor water.
• Olive (#657700): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#004F40): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged pastel, light, 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 Pine Bloom color palette (#E2FFDD, #BEEDFF, #86B1FF, #148748, #145457)
• Frosted Aqua color palette (#FBF6D7, #B4F5EA, #00CBDC, #947400, #315226)
• Periwinkle Orchard color palette (#E9F3DC, #8AE0E3, #53A8E8, #486200, #003633)
• Chalky Aqua Loft color palette (#D7FAFB, #94F8E7, #26CFD7, #1E8150, #003034)
• Feathered Aqua Harbor color palette (#EDFBDE, #96FCE7, #00E1E9, #44A465, #374828)
• Lilac Study color palette (#D1FFE8, #ADCEFF, #B392FB, #006F6A, #003855)
• Stone Orchard color palette (#DFFFE3, #B6F0FF, #B1CCF6, #A6B973, #1A5346)
• Timeworn Coast color palette (#D7E6D2, #69BCDA, #6B89E8, #005326, #002527)

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