Weathered Harbor color palette — #CDE5D4 · #008EA3 · #AD4335 · #005260 · #530200

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

The five colors

• Celadon Mist (#CDE5D4): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#008EA3): A full-bodied, balanced blue — the color of open sky before noon.
• Brick (#AD4335): A full-bodied, balanced orange — the color of toasted spice.
• Peacock (#005260): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Espresso (#530200): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Balance. Tagged warm.

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

• Plum Field color palette (#D4E4CD, #009382, #AE3A61, #00554B, #510023)
• Dusty Rust color palette (#D6E5D9, #00909D, #B53E00, #005058, #250700)
• Sunlit Rust Lantern color palette (#DDF5E8, #009CC4, #B95A16, #006079, #542709)
• Dusty Workshop color palette (#BEE9DC, #1D85CB, #945C00, #004D7C, #3C2200)
• Ember Delta color palette (#C1E4F5, #37D8F5, #E95642, #0092A8, #4C110A)
• Feathered Corridor color palette (#E7FAF4, #6FA5D5, #B57B46, #026AAA, #5B3A1A)
• Gentle Mulberry Corridor color palette (#D6F6E3, #007791, #9A247D, #584D00, #00242D)
• Antique Chestnut color palette (#F3E1CD, #9F8446, #774B00, #582800, #2A2400)

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