Weathered Harbor color palette — #FFF0F7 · #B46D3D · #836F26 · #005E6C · #422B36

A conversation between Ochre and Walnut, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Ochre (#B46D3D): A luminous, balanced gold — the color of old brass.
• Walnut (#836F26): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#005E6C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Espresso (#422B36): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Trust, Stability, 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

• Patina Olive color palette (#F6F3FF, #A16BA2, #7C731A, #005C76, #342E46)
• Navy Courtyard color palette (#FFF1F6, #A46E41, #6C5600, #00416F, #341E2C)
• Nightshade Hollow color palette (#E7FBEA, #976E00, #00795F, #401BBD, #3A2800)
• Navy Villa color palette (#E9FBEA, #C38292, #89610C, #394591, #4E3348)
• Ancient Denim color palette (#EFF8F0, #A68C5F, #6E885C, #365F9B, #324234)
• Rust Pier color palette (#F9F3F7, #CDD9DB, #A9C3C2, #AB5949, #4E444B)
• Airy Atelier color palette (#FFEDE9, #C86172, #178963, #005B73, #28140F)
• Pale Aubergine color palette (#DCF5EC, #697928, #00725E, #542C7F, #052E23)

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