Dusty Harbor color palette — #D3E6E9 · #009CBC · #00668B · #00426B · #001F45

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

The five colors

• Frost (#D3E6E9): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#009CBC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#00668B): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#00426B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Midnight (#001F45): A deep, shadowed, balanced blue — the color of deep harbor water.

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

• Cerulean Alley color palette (#C6EBF0, #00A0BE, #007499, #003D61, #000921)
• Soft Villa color palette (#D5F4EE, #008590, #00526D, #002960, #160E4B)
• Navy Bloom color palette (#D1EEFA, #008ECC, #0063A8, #0023A1, #100A59)
• Lagoon Loft color palette (#D5EBDE, #00A281, #00766B, #004445, #00272C)
• Worn Studio color palette (#D3E5F4, #28A1E1, #994D00, #005982, #2D1200)
• Ancient Corridor color palette (#C2EAFF, #70C0E5, #3E96D1, #2C67B3, #37456B)
• Airy Lilac color palette (#DCEDFD, #B1C3FA, #A68DDD, #006C86, #061E42)
• Plum Orchard color palette (#CEE6FC, #007AC1, #C00059, #496200, #001324)

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