Hazy Harbor color palette — #FFF1F2 · #FFAF94 · #DB7A00 · #835E00 · #3E3F00

Built around Mustard, softened by Ochre — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Melon (#FFAF94): A whisper-light, balanced orange — the color of autumn markets.
• Mustard (#DB7A00): A luminous, balanced gold — the color of old brass.
• Ochre (#835E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#3E3F00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Washed Pier color palette (#FFEAE6, #FFA77E, #EC8900, #AA7000, #4E3800)
• Soft Bronze Workshop color palette (#FFF2EE, #F9AD6B, #A88200, #6B6100, #253800)
• Coral Summit color palette (#FFF0FB, #FFB0BF, #FC635D, #9F5000, #4C3300)
• Ancient Amber color palette (#FFE5D6, #D28300, #775F00, #323900, #001502)
• Tangerine Field color palette (#FFD2D5, #FD6132, #A25800, #655000, #424400)
• Weathered Tangerine color palette (#FFDFDF, #F8813B, #9A6700, #5B4A00, #192500)
• Softworn Terracotta Quarry color palette (#FFF3E7, #E7CE84, #BE834A, #974137, #242C00)
• Timeworn Balcony color palette (#FFF3E9, #F9D086, #ADA44B, #57762F, #1E462C)

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