Dusty Harbor color palette — #D4F1EF · #00B2D7 · #0086C9 · #2045C3 · #412074

A conversation between Cobalt and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#D4F1EF): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#00B2D7): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#0086C9): A full-bodied, balanced blue — the color of open sky before noon.
• Cobalt (#2045C3): A full-bodied, vivid violet — the color of wild irises.
• Royal Purple (#412074): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged vibrant, cool.

Use it as a design system

One click turns Dusty 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

• Linen Ultramarine color palette (#BEFDFF, #03C4EE, #0088C2, #0049B9, #18066C)
• Aged Field color palette (#D7E8ED, #0BAFF0, #3168FF, #523DC1, #44155C)
• Azure Summit color palette (#CAE6F3, #0099D2, #00689C, #00477B, #002E60)
• Misty Cabin color palette (#CFEFDC, #00B3A4, #008CA1, #006190, #00336D)
• Faded Sapphire color palette (#E3EDFF, #86B8FF, #276EFC, #1D35B0, #00193C)
• Linen Basin color palette (#B2EAFF, #6DAFFF, #6B7AFF, #7445A8, #572D5C)
• Hazy Nightshade color palette (#CBF0F8, #0074B3, #0F15C2, #2A006B, #0F0018)
• Indigo Atelier color palette (#D3E7F4, #659EFF, #715ADA, #6C3282, #441538)

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