Weathered Harbor color palette — #F3F4FF · #D1B9FF · #B38C00 · #37A05E · #262748

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

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Lavender (#D1B9FF): A whisper-light, balanced violet — the color of twilight just after sunset.
• Mustard (#B38C00): A luminous, balanced gold — the color of old brass.
• Kelly Green (#37A05E): A luminous, balanced teal — the color of glacier melt.
• Midnight (#262748): A deep, shadowed, dusty violet — the color of wild irises.

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

• Wandering Marigold color palette (#F1F5FF, #A6A8FF, #E29200, #669940, #202A47)
• Misty Moss Archive color palette (#F6F3FF, #FFA1F2, #7DA11A, #009E8E, #3D1F39)
• Pale Fuchsia color palette (#F8F2FF, #FF86D6, #CD8800, #008A63, #002E64)
• Pale Wisteria color palette (#DBDAFD, #D38FFF, #898000, #058864, #191631)
• Airy Emerald color palette (#FFF0F7, #B8A7FF, #48981E, #327A00, #1D1436)
• Ancient Blush color palette (#FFF4DE, #FF96E9, #F76679, #3D8F43, #51243B)
• Emerald Bloom color palette (#F5DAFC, #FF90AA, #009C56, #0088A2, #3C0919)
• Magenta Parlor color palette (#EAE1FD, #F448E1, #637500, #00726B, #1C0219)

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