Dusty Harbor color palette — #CDE4E1 · #3D96B4 · #00506E · #002B31 · #00050B

Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Silver (#CDE4E1): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#3D96B4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#00506E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Forest (#002B31): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00050B): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Aged Pier color palette (#E4F0EE, #2E8789, #00444A, #00201C, #000202)
• Softworn Denim Market color palette (#F9EAE0, #489BB6, #004E7B, #00302C, #040E38)
• Aged Grove color palette (#DDE1CC, #5AAECC, #006F97, #004952, #001625)
• Weathered Quarry color palette (#C7E7EC, #00B9BC, #008B9F, #004230, #000A09)
• Muted Cobalt color palette (#E8F5F4, #ABCDE4, #0085C0, #00596A, #00223D)
• Dusty Petrol Hollow color palette (#F9E9F2, #6EC4E2, #006CAA, #003E3A, #000016)
• Feathered Nightshade color palette (#DCEDEE, #006B57, #2600D5, #003228, #010016)
• Patina Lagoon Grove color palette (#EAF4F2, #C2E3EB, #00A1A8, #166D5E, #0E313D)

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