Weathered Harbor color palette — #E9F9F7 · #ACCFAA · #C99FDB · #5D9F5B · #4C486A

A conversation between Kelly Green and Mauve, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E9F9F7): a clean, paper-quiet neutral.
• Pistachio (#ACCFAA): A luminous, dusty green — the color of new leaves after rain.
• Mauve (#C99FDB): A luminous, balanced pink — the color of a candy shop window.
• Kelly Green (#5D9F5B): A luminous, balanced green — the color of fresh herbs.
• Charcoal Brown (#4C486A): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. Tagged light, 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 Amber color palette (#EDF9F0, #D5C48D, #A0AEE4, #A88903, #3D4D6C)
• Tempered Terrace color palette (#E7F9FD, #94D2CC, #E29AA5, #00A19A, #6A3F46)
• Celadon Courtyard color palette (#F5F7E5, #BEF7B7, #E2BCEC, #80A67B, #593D44)
• Lilac Station color palette (#E2FBF8, #8EC090, #BF91CA, #BA7486, #254A46)
• Softworn Seafoam color palette (#E5FAF8, #A3E9AB, #8FCFFF, #86B78B, #375066)
• Muted Olive Chapel color palette (#F5F6EA, #91BE87, #D08264, #4E8243, #534B47)
• Muted Bloom color palette (#FFF1F5, #BAD2C0, #B68F9C, #956857, #384D44)
• Washed Lagoon color palette (#EEF7F9, #E9C5D8, #418B87, #165855, #222E31)

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