Hazy Harbor color palette — #EDDBBF · #E66356 · #846300 · #164097 · #371D06

Built around Coral Clay, softened by Indigo — the whole palette hums with optimism and balance.

The five colors

• Bone (#EDDBBF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Coral Clay (#E66356): A luminous, vivid orange — the color of toasted spice.
• Ochre (#846300): A full-bodied, balanced gold — the color of old brass.
• Indigo (#164097): A full-bodied, balanced violet — the color of twilight just after sunset.
• Espresso (#371D06): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Balance. Tagged retro.

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

• Weathered Canyon color palette (#EEDBC5, #D37800, #617200, #4D2F92, #302100)
• Softworn Corridor color palette (#FAECD8, #E48461, #897800, #3E518D, #352F2A)
• Washed Lantern color palette (#EADDBE, #D66796, #A14F00, #004F6C, #3B180D)
• Aged Tangerine color palette (#E2FEE7, #E4865A, #876500, #004855, #200D00)
• Tempered Harbor color palette (#C0EACD, #F97F8C, #A58400, #3C66A5, #3C1808)
• Rose Lantern color palette (#F3DCD4, #DD4E56, #167811, #163990, #281043)
• Faded Grove color palette (#FCE5CB, #976700, #2C5700, #38006D, #0F0B00)
• Hushed Driftwood color palette (#FFEAE1, #CCA670, #7D8745, #704D62, #3C355C)

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