Weathered Harbor color palette — #D8EAFD · #005AAA · #634100 · #002954 · #050200

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

The five colors

• Frost (#D8EAFD): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cobalt (#005AAA): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#634100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Midnight (#002954): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#050200): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Balance. Tagged muted.

Use it as a design system

One click turns Weathered 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

• Airy Navy color palette (#D7E3F6, #3352B2, #524B00, #0A0086, #030300)
• Garnet Market color palette (#DEF3FF, #006580, #822300, #002F3D, #090100)
• Linen Loft color palette (#E2F0FF, #005EB1, #005B31, #002C58, #001507)
• Aubergine Boulevard color palette (#DDE0EE, #533396, #483A00, #250054, #020100)
• Muted Pier color palette (#F3E4F4, #0075E1, #8C5A00, #004387, #190C00)
• Gentle Atelier color palette (#D2E5DF, #0083D5, #007C3A, #003E69, #000200)
• Plum Villa color palette (#D5E7FF, #A599D4, #A45A8D, #003E4B, #03001C)
• Linen Lapis Lantern color palette (#E6F2DF, #AE4E00, #4604EA, #11021D, #000108)

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