Hazy Harbor color palette — #F7E8EE · #5DACD8 · #1D4AB3 · #002C28 · #020008

Built around Cobalt, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Blush (#F7E8EE): a clean, paper-quiet neutral.
• Cyan (#5DACD8): A luminous, balanced blue — the color of open sky before noon.
• Cobalt (#1D4AB3): A full-bodied, vivid violet — the color of wild irises.
• Deep Forest (#002C28): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#020008): A deep, shadowed, dusty 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

• Patina Denim color palette (#F5E6F2, #5BB1BE, #005B83, #002D1B, #00000C)
• Ultramarine Veranda color palette (#F9E9EE, #72C0F5, #435EC0, #003E3D, #04000F)
• Aged Navy Thicket color palette (#F4E8DF, #5487A7, #003685, #002224, #08002A)
• Dusty Cobalt color palette (#DFE4D5, #78A7C6, #0079C3, #005A72, #00091B)
• Cobalt Alley color palette (#FFF0F9, #7DDBF7, #007ECF, #005341, #07042D)
• Timeworn Fuchsia color palette (#E4E2F8, #F28CDD, #CB6B41, #00416A, #030004)
• Lapis Lantern color palette (#D0E6FE, #3646FD, #470094, #28002A, #040002)
• Linen Pine color palette (#FDF1FD, #B1FFFC, #00AAD0, #107824, #002646)

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