Dusty Harbor color palette — #CEF7FA · #0092AF · #00678A · #003555 · #00173E

Cerulean and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#CEF7FA): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#0092AF): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#00678A): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#003555): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#00173E): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Trust, Stability, 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 Lagoon color palette (#D0F6E9, #00978A, #006468, #00404B, #001820)
• Misty Corridor color palette (#D0ECE9, #00A5BD, #006688, #00347E, #282454)
• Gentle Navy Harbor color palette (#DAEDF4, #0084C2, #00549B, #022190, #0D093F)
• Soft Navy Corridor color palette (#B2FFF6, #00CEE1, #0082AB, #0846A3, #1B1541)
• Lilac Loft color palette (#D8ECFF, #AFBDF8, #AF84E2, #006A86, #091C31)
• Airy Ultramarine color palette (#D6E2F1, #5398F3, #0055B1, #002853, #000510)
• Quiet Azure color palette (#D6EBFD, #2498D7, #904500, #004C71, #210B00)
• Hushed Sapphire color palette (#C7E8FE, #78AFEB, #3F6CD1, #484B8D, #222949)

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