Weathered Harbor color palette — #F2DAD9 · #9F7750 · #616F2F · #3B3976 · #1C0332

A conversation between Navy and Olive, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F2DAD9): A whisper-light, dusty orange — the color of sun-warmed clay.
• Mocha (#9F7750): A full-bodied, dusty gold — the color of old brass.
• Olive (#616F2F): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#3B3976): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Indigo (#1C0332): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, 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

• Misty Pier color palette (#F4DBF2, #A3737C, #945D28, #014A65, #0D0A41)
• Patina Study color palette (#F5DFC0, #748F4C, #3F786C, #62345E, #250723)
• Onyx Grove color palette (#EADCCF, #877043, #5C5A2C, #043C2C, #2E001A)
• Pine Station color palette (#EEDFC8, #868F49, #2F7324, #663552, #060700)
• Ancient Basin color palette (#E8E2C1, #82874D, #3B572A, #002E2F, #000102)
• Chalky Amethyst Station color palette (#EADFC8, #947C00, #804BD6, #645300, #09001B)
• Muted Bronze color palette (#FFE4CF, #9C6A00, #6B5900, #3C3E00, #040A00)
• Tempered Lagoon Veranda color palette (#FBE7C8, #A0A664, #46977D, #7E5679, #361634)

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