Weathered Harbor color palette — #D5E8D6 · #76672A · #4B3300 · #2D1500 · #0C0C00

Olive takes the lead with Espresso close behind in a set that reads as nature and growth at first glance.

The five colors

• Celadon Mist (#D5E8D6): A whisper-light, dusty green — the color of fresh herbs.
• Olive (#76672A): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#4B3300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#2D1500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#0C0C00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Worn Pier color palette (#FBE3F0, #885C33, #5D2500, #3C0100, #120900)
• Dusty Thicket color palette (#CFE6EC, #896600, #3D3334, #002222, #000606)
• Chalky Amber Quarry color palette (#F8E7CC, #A98D00, #8F6500, #713E00, #0C0C00)
• Driftwood Delta color palette (#CBE6D3, #969142, #6F5800, #543500, #242D00)
• Garnet Harbor color palette (#CDF2FF, #004E52, #630045, #2F1400, #000606)
• Pale Pier color palette (#FFE7F2, #C39259, #A15000, #842000, #463200)
• Velvet Nightshade Ridge color palette (#D3E1E7, #007683, #230097, #002D32, #01000F)
• Worn Indigo Courtyard color palette (#F8DFD9, #7666FF, #00847B, #041014, #000203)

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