Hazy Harbor color palette — #FFF2EB · #FFC9A9 · #CC8C46 · #926716 · #4C400D

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Peach Cream (#FFC9A9): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#CC8C46): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#926716): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#4C400D): 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

• Weathered Marigold color palette (#FFDFE2, #F6B396, #DF973D, #9B7D00, #43491A)
• Ancient Bronze color palette (#FEF3E7, #EEDBAF, #B89870, #925D2C, #34312B)
• Weathered Harbor color palette (#E7DBE6, #DF8A67, #AC6700, #5F4C00, #282C03)
• Wandering Coral color palette (#FFF1F6, #FFCED7, #DC7C7F, #9E564A, #562F1B)
• Muted Stone Summit color palette (#FFF3E4, #DDEAB0, #C1B26D, #797E49, #5A5200)
• Bronze Alley color palette (#FAE9E0, #B66900, #704B00, #352700, #020100)
• Washed Marigold Chapel color palette (#FFF3E7, #F5A509, #A88200, #5C5100, #252B00)
• Soft Amber color palette (#FFF3E5, #FDCA86, #8CBFF9, #B77C17, #1E3A59)

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