Hazy Harbor color palette — #FFF2ED · #FFC9C2 · #B98900 · #E81922 · #100800

Built around Poppy, softened by Mustard — the whole palette hums with optimism and energy.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Shell Pink (#FFC9C2): A whisper-light, dusty orange — the color of toasted spice.
• Mustard (#B98900): A luminous, balanced gold — the color of afternoon light on wheat.
• Poppy (#E81922): A full-bodied, vivid orange — the color of autumn markets.
• Ink (#100800): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Energy, Balance. Tagged duotone, vibrant.

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

• Moss Basin color palette (#FBF3EE, #FFC09E, #859400, #B65817, #070500)
• Misty Raspberry color palette (#FFF2F0, #FFC6DB, #DC7000, #DF0D85, #140600)
• Dusty Jade Terrace color palette (#F9F4EF, #E8E2B5, #41B86B, #BA7A15, #111406)
• Blush Field color palette (#FFF2EF, #FFB8C6, #A4B200, #EC678B, #231D00)
• Hazy Quarry color palette (#F8EEF8, #EA8690, #707000, #AB0039, #000D07)
• Ancient Ridge color palette (#F5E8D5, #B68400, #005E2A, #4F3700, #010100)
• Pale Tangerine color palette (#FEF3E9, #EB8401, #107414, #733E00, #010100)
• Quiet Coral color palette (#FFF2EB, #FF7251, #008F77, #00528D, #1E0119)

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