Weathered Harbor color palette — #D4E4C9 · #00CBAA · #D49200 · #00987E · #392400

Mustard and Aqua set the tone — five colors that lean into optimism and balance.

The five colors

• Celadon Mist (#D4E4C9): A whisper-light, dusty green — the color of a quiet forest floor.
• Aqua (#00CBAA): A luminous, balanced teal — the color of glacier melt.
• Mustard (#D49200): A luminous, balanced gold — the color of honey in a jar.
• Fern (#00987E): A luminous, balanced teal — the color of shallow lagoons.
• Espresso (#392400): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Balance. Tagged cool.

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

• Timeworn Amber color palette (#DDF5DC, #00B3B1, #A68D00, #008180, #211A00)
• Hushed Moss color palette (#CBE6D6, #00C2EB, #8CB023, #0090B0, #222E00)
• Washed Market color palette (#CCF7F1, #00B7A9, #4699ED, #7E9125, #002622)
• Aged Driftwood Pier color palette (#F5EEDB, #B0B780, #96924A, #7B6B24, #1F2800)
• Washed Lantern color palette (#E2E0C2, #9ABE55, #F1766A, #6D9100, #520405)
• Hushed Mint Villa color palette (#CFE5D4, #97C97B, #008997, #00535C, #001004)
• Emerald Orchard color palette (#DBE2C4, #5CC975, #3EA8F8, #179C46, #002B49)
• Teal Boulevard color palette (#E4FDE0, #A8ECF2, #9CCAFF, #5AB39F, #003637)

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