Hazy Harbor color palette — #F8F5EE · #DCC36A · #00A0BD · #987E0A · #17291E

Olive Leaf takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F8F5EE): bright and airy, almost weightless.
• Honey (#DCC36A): A luminous, balanced green — the color of fresh herbs.
• Cerulean (#00A0BD): A luminous, balanced blue — the color of deep harbor water.
• Olive Leaf (#987E0A): A luminous, balanced green — the color of a quiet forest floor.
• Onyx (#17291E): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

One click turns Hazy 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

• Linen Orchard color palette (#FAF4EE, #F1B780, #00A691, #B76B00, #1D2818)
• Muted Azure Chapel color palette (#F6F5EF, #C4DAA9, #4BA3E5, #7A984F, #25312D)
• Sky Hollow color palette (#EEF8F0, #F4D087, #47BDE5, #C19C4B, #152630)
• Moss Orchard color palette (#EFF7F3, #E8EBA9, #39B59B, #8F901D, #001619)
• Powdered Lime Terrace color palette (#F5F2E3, #9DBA00, #008892, #607300, #001518)
• Cobalt Harbor color palette (#F9F5E7, #A8AC41, #008AC4, #923C58, #532C1E)
• Antique Lagoon color palette (#FFF2E9, #9FBE70, #009B8E, #83506F, #3C3E37)
• Driftwood Quarry color palette (#F6F5EF, #D4DFD7, #B0C9BF, #839864, #494841)

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