Hazy Harbor color palette — #FEEFE1 · #9CD8FF · #547CE1 · #00625E · #29194B

Azure takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#FEEFE1): A whisper-light, dusty gold — the color of old brass.
• Powder Blue (#9CD8FF): A whisper-light, balanced blue — the color of deep harbor water.
• Azure (#547CE1): A luminous, balanced violet — the color of wild irises.
• Peacock (#00625E): A full-bodied, dusty teal — the color of glacier melt.
• Deep Indigo (#29194B): A deep, shadowed, balanced violet — the color of wild irises.

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

• Cobalt Alley color palette (#FFEEE6, #76E2F4, #008CC8, #006543, #142248)
• Indigo Orchard color palette (#FEEFE0, #7AC2FF, #5361DB, #005153, #250044)
• Aged Cerulean color palette (#FAF0E9, #C2E6D3, #6391C5, #126D5D, #3D2234)
• Patina Cobalt color palette (#F2F8E7, #AAD4F5, #4383C2, #006280, #1F3F6F)
• Quiet Periwinkle Basin color palette (#FFF1F6, #B8E1FF, #6899F7, #00818B, #3B3968)
• Airy Harbor color palette (#CEE9FF, #0089D5, #976C00, #5F620A, #001A2D)
• Airy Bloom color palette (#C1E9E4, #00B4CF, #0078B9, #243B94, #251B51)
• Ancient Loft color palette (#F6E5E0, #5FC7C4, #007792, #074F15, #00162E)

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