Hazy Harbor color palette — #E9F8FF · #00A2B2 · #BF2B93 · #7E4A00 · #002B29

Fuchsia and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E9F8FF): a clean, paper-quiet neutral.
• Cerulean (#00A2B2): A luminous, balanced blue — the color of deep harbor water.
• Fuchsia (#BF2B93): A full-bodied, vivid pink — the color of a candy shop window.
• Bronze (#7E4A00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#002B29): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Optimism, Creativity, Energy, Balance. Tagged jewel, 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

• Plum Boulevard color palette (#ECF7FF, #009DDE, #CA1A49, #6C5500, #002E28)
• Antique Quarry color palette (#DFFBFF, #00AC93, #9B39B0, #911F0B, #1E2400)
• Antique Terrace color palette (#D1EEFF, #00809C, #AA115F, #603C00, #00191A)
• Chalky Orchid Chapel color palette (#FEF0FF, #5BACFF, #B566E3, #AA6500, #002B26)
• Gentle Indigo Drift color palette (#DEFFE5, #00B8EE, #4F72E9, #943B1E, #113954)
• Powdered Scarlet Harbor color palette (#F4F8DE, #46BC4A, #D12E3C, #7A4700, #0E0F00)
• Dusty Lantern color palette (#EFF6FF, #2371D6, #68269E, #622D00, #002621)
• Garnet Atelier color palette (#D7E4F0, #006EA0, #96001F, #3B2E00, #000C0A)

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