Hazy Harbor color palette — #F5E6EE · #CB6932 · #664900 · #6B2B00 · #001204

Pumpkin and Rust set the tone — five colors that lean into optimism and balance.

The five colors

• Blush (#F5E6EE): a clean, paper-quiet neutral.
• Pumpkin (#CB6932): A luminous, balanced orange — the color of toasted spice.
• Bronze (#664900): A full-bodied, balanced gold — the color of old brass.
• Rust (#6B2B00): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#001204): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: 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

• Amber Archive color palette (#FFF1F7, #D28447, #725B00, #793D00, #081D11)
• Ember Workshop color palette (#F4E7F1, #D55D4F, #704300, #7E0403, #1D030E)
• Wandering Archive color palette (#E3EFE5, #AD8000, #3C5900, #553D00, #00110D)
• Quiet Study color palette (#EEE0EB, #D26A63, #376300, #880012, #000302)
• Amber Workshop color palette (#F0E6DA, #BA8500, #6E5800, #403900, #0E2B0F)
• Bronze Atelier color palette (#CAE7D2, #9C6D00, #584D00, #003D2F, #2F2200)
• Velvet Bronze Corridor color palette (#D3E7DA, #7C6700, #0C3F01, #2F2600, #000300)
• Chestnut Pier color palette (#F4ECEF, #C5CFC4, #94A697, #7A4610, #3A282F)

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