Dusty Harbor color palette — #E7F1E9 · #6497AF · #004E7B · #002F33 · #001134

Peacock takes the lead with Midnight close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E7F1E9): bright and airy, almost weightless.
• Slate Blue (#6497AF): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#004E7B): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#002F33): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#001134): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Tempered Navy color palette (#F2E7EC, #4395B6, #004693, #002C26, #040019)
• Ancient Ultramarine Harbor color palette (#E8F3EA, #7DA3C5, #174FB3, #003C4B, #161749)
• Cobalt Ridge color palette (#EAE0D1, #65BCE3, #008AD5, #006C74, #001134)
• Petrol Basin color palette (#E9F1EA, #84BACF, #006FA3, #004F52, #022D5A)
• Tempered Harbor color palette (#EFF8F1, #99DAE9, #008CB5, #006761, #00446B)
• Antique Study color palette (#FFE8F3, #934700, #00536F, #481F00, #00121B)
• Washed Lantern color palette (#F1F7F2, #CFE0F0, #63A6AE, #2B8062, #3C5765)
• Olive Pier color palette (#FBDFEB, #BA9B66, #708500, #741500, #261800)

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