Hazy Olive Harbor color palette — #EEEEE2 · #5F8700 · #00457B · #293E00 · #030004

A conversation between Olive Leaf and Navy, giving this palette its sense of nature and growth.

The five colors

• Cream (#EEEEE2): bright and airy, almost weightless.
• Olive Leaf (#5F8700): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#00457B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Forest (#293E00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Black (#030004): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.

Use it as a design system

One click turns Hazy Olive Harbor 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 Meadow color palette (#E3E0D1, #797F00, #004E52, #373A00, #000200)
• Muted Lagoon color palette (#DEE4D8, #008E65, #004678, #00412C, #000201)
• Soft Nightshade Summit color palette (#E6EBD6, #007D39, #1500A5, #003414, #030003)
• Timeworn Pine color palette (#FFE8DD, #007848, #004350, #400008, #000705)
• Muted Moss Lagoon color palette (#CFE6E1, #5EA900, #006C81, #336000, #000408)
• Antique Ultramarine Loft color palette (#EAF0E2, #00AF7F, #0052C3, #005B40, #0A000A)
• Shadow Navy color palette (#E1E2CE, #296900, #002490, #390002, #050300)
• Aged Aubergine Villa color palette (#DFE7E0, #00A0AD, #880096, #005057, #080001)

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