Weathered Harbor color palette — #FCF1FD · #89B6E9 · #D6876B · #7C7600 · #2F1D31

A conversation between Olive Leaf and Coral Clay, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FCF1FD): a clean, paper-quiet neutral.
• Sky (#89B6E9): A luminous, balanced blue — the color of deep harbor water.
• Coral Clay (#D6876B): A luminous, balanced orange — the color of sun-warmed clay.
• Olive Leaf (#7C7600): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#2F1D31): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Bronze Atelier color palette (#E4FCF2, #6EBDE8, #CE897E, #916C00, #0D2B21)
• Faded Quarry color palette (#FFF0F9, #AAA9F4, #C39450, #45852A, #311D29)
• Timeworn Amber Dune color palette (#FDF1FB, #92B2EE, #C56D3C, #516E00, #082212)
• Aged Chestnut Loft color palette (#FFF4E2, #C7C4FF, #B07EAF, #746304, #432833)
• Wisteria Delta color palette (#FFF1F5, #CF9CFF, #988100, #007B47, #241035)
• Weathered Pier color palette (#E8F3FF, #008CDE, #926E2F, #694C18, #0D1B28)
• Iris Hollow color palette (#FFF0FB, #7184FF, #AE6E00, #4F5C00, #06052E)
• Softworn Mint color palette (#F0F8E8, #5BD3AA, #D1A649, #56A185, #31342E)

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