Weathered Harbor color palette — #FEF3E8 · #D5A574 · #53AD88 · #976732 · #4B4E47

A conversation between Jade and Ochre, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FEF3E8): bright and airy, almost weightless.
• Camel (#D5A574): A luminous, balanced gold — the color of afternoon light on wheat.
• Jade (#53AD88): A luminous, balanced teal — the color of shallow lagoons.
• Ochre (#976732): A full-bodied, balanced gold — the color of old brass.
• Charcoal Brown (#4B4E47): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. 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

• Emerald Garden color palette (#FFF3E5, #B7905D, #6A985F, #A45E6C, #46413C)
• Dusty Blush Thicket color palette (#FAF5EA, #C3AF6B, #C87F9A, #85712A, #624441)
• Muted Marigold Canyon color palette (#FBF0E3, #E0A663, #64A5CB, #936733, #16382D)
• Chestnut Drift color palette (#FDF3EA, #CBB498, #A0774F, #844F1D, #614000)
• Ancient Honey color palette (#FFF1F6, #F5B578, #87B6E3, #AD825A, #375068)
• Worn Quarry color palette (#F6F7E5, #82AE6A, #0095CB, #3C7608, #18485F)
• Washed Quarry color palette (#FEF2EF, #E09AA0, #8391E3, #A15B62, #5C4555)
• Raspberry Chapel color palette (#FFF3E2, #BC8A00, #D32B9B, #775600, #5E1F46)

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