Weathered Harbor color palette — #E4E5FF · #CD97FF · #898300 · #006EA5 · #00273E

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

The five colors

• Frost (#E4E5FF): A whisper-light, dusty violet — the color of a velvet chair.
• Wisteria (#CD97FF): A luminous, balanced violet — the color of twilight just after sunset.
• Olive Leaf (#898300): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#006EA5): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#00273E): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged cool.

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

• Ancient Quarry color palette (#DEE8FF, #A0ACFF, #A47600, #007580, #002A2F)
• Pale Amber color palette (#EEE6FF, #E3A0B5, #C58E38, #507DA3, #013F67)
• Muted Blush color palette (#F9DDFC, #FF748F, #00A08B, #006FA1, #00273D)
• Aged Amber color palette (#F1E1E7, #CF7700, #007AB4, #005197, #070044)
• Patina Shell color palette (#F8F3FC, #F1B2C9, #77B9A6, #4F939F, #1F4858)
• Aged Delta color palette (#FFF0F8, #A1E5FF, #65AFFF, #009A82, #2B2175)
• Timeworn Apricot color palette (#FFECF5, #F69659, #2A9FD2, #2B77A6, #18255D)
• Timeworn Peony color palette (#FBF1FF, #FE4B92, #7E6900, #004A46, #12003F)

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