Dusty Harbor color palette — #D2F3F4 · #0087A1 · #005470 · #00325A · #091651

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

The five colors

• Honeydew (#D2F3F4): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#0087A1): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005470): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#00325A): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Indigo (#091651): A deep, shadowed, balanced violet — the color of wild irises.

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

• Hushed Chapel color palette (#D3EBE0, #00887D, #005E63, #00343E, #0F1831)
• Denim Harbor color palette (#CFE4E7, #00ABCE, #0084B5, #005E9F, #001957)
• Faded Navy Orchard color palette (#CBEAF4, #0076AA, #003B76, #160063, #160038)
• Airy Cobalt Workshop color palette (#D1E4FD, #047DD5, #004082, #001E3D, #000818)
• Pale Cobalt color palette (#D9ECFF, #1F80CA, #7E2F00, #003B65, #320E00)
• Chalky Harbor color palette (#E1F0FF, #A2AEFD, #AC65C1, #00535B, #13253F)
• Patina Workshop color palette (#D2E5F3, #00608F, #783A00, #503800, #001322)
• Nightshade Lagoon color palette (#D6F1FF, #0084D4, #0031BD, #2B007E, #2B1248)

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