Hazy Harbor color palette — #FFDDC9 · #DB55E8 · #BC1D88 · #753C00 · #450B40

Pink Orchid takes the lead with Magenta Rose close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Shell Pink (#FFDDC9): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Pink Orchid (#DB55E8): A luminous, vivid pink — the color of neon signs at night.
• Magenta Rose (#BC1D88): A full-bodied, vivid rose — the color of strawberry cream.
• Bronze (#753C00): A full-bodied, balanced gold — the color of old brass.
• Deep Indigo (#450B40): A deep, shadowed, balanced pink — the color of neon signs at night.

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

• Feathered Fuchsia Boulevard color palette (#FFF0F9, #F363FD, #C8008C, #6A3700, #2E0129)
• Frosted Bloom color palette (#FFDDC7, #E85EAC, #C81652, #654700, #48102A)
• Worn Workshop color palette (#FFDEE4, #D139E6, #C30045, #683B00, #1C006E)
• Softworn Byzantium Cabin color palette (#FFDBD5, #A37AFF, #A02DC3, #940507, #33184F)
• Frosted Magenta color palette (#F0D8ED, #C200BF, #591E45, #2F0D15, #120306)
• Scarlet Corridor color palette (#FFF3E8, #F47BA2, #CC4B4D, #6C5900, #57202C)
• Aged Pier color palette (#C1F1E3, #AAA3FF, #E936B1, #007E66, #37164E)
• Pale Bloom color palette (#ECE7BB, #7168E2, #8F0070, #004332, #351651)

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