Hazy Harbor color palette — #F7ECE0 · #79BEF5 · #335CCE · #003D44 · #030011

Cobalt takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F7ECE0): a clean, paper-quiet neutral.
• Sky (#79BEF5): A luminous, balanced blue — the color of deep harbor water.
• Cobalt (#335CCE): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Teal (#003D44): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#030011): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Petrol Pier color palette (#FFE9DD, #59C7E3, #006EA1, #003F36, #00020D)
• Hushed Nightshade Chapel color palette (#F3E4E9, #688EAF, #2F35A7, #002B2C, #070015)
• Cerulean Parlor color palette (#FFF2EC, #7BDEE5, #0087A9, #00543B, #000E1C)
• Timeworn Bloom color palette (#E7DDD1, #78B7E8, #5F78E7, #006D6D, #1C0039)
• Mallow Pier color palette (#FFE4EC, #FF9DE3, #E17D6F, #3D4D8F, #070009)
• Hazy Byzantium color palette (#EBDFF5, #9500CF, #4A6200, #005219, #030005)
• Patina Study color palette (#E9EFFD, #7665FF, #7300B4, #400044, #040002)
• Antique Cabin color palette (#FFF2EB, #B3FEFE, #00ABCC, #00764C, #00283E)

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