Hazy Harbor color palette — #FBE2AE · #FF8A78 · #C37C00 · #007B80 · #471800

A conversation between Salmon and Mustard, giving this palette its sense of optimism and warmth.

The five colors

• Peach Cream (#FBE2AE): A whisper-light, dusty gold — the color of old brass.
• Salmon (#FF8A78): A luminous, balanced orange — the color of toasted spice.
• Mustard (#C37C00): A luminous, balanced gold — the color of honey in a jar.
• Teal (#007B80): A full-bodied, balanced teal — the color of glacier melt.
• Espresso (#471800): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged retro, 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

• Sunlit Apricot Canyon color palette (#F7E2B7, #FA941B, #9F9000, #00759F, #392400)
• Ember Studio color palette (#F9E2B3, #FF81B0, #EC551D, #007F60, #4F071A)
• Quiet Tangerine Courtyard color palette (#FFE1D1, #FF7C55, #689C00, #00738E, #39004D)
• Powdered Chapel color palette (#FBE4D7, #E06B00, #725220, #512900, #110401)
• Pale Moss Archive color palette (#FAD5C9, #DCB288, #A7A03F, #03889F, #1C3B61)
• Powdered Villa color palette (#EEE7AF, #FF419A, #966200, #005085, #50080B)
• Cocoa Pier color palette (#FFF4E2, #FDC0AA, #C6AA78, #70977C, #6A3A00)
• Chalky Nightshade color palette (#F2E5CB, #B29600, #458A10, #2A4BAF, #171800)

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