Weathered Harbor color palette — #EFF6FF · #86C083 · #385081 · #202E44 · #1A1924

Mint Leaf takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Mint Leaf (#86C083): A luminous, balanced green — the color of new leaves after rain.
• Peacock (#385081): A full-bodied, balanced violet — the color of wild irises.
• Midnight (#202E44): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#1A1924): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, 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

• Stone Grove color palette (#F2F4FF, #97CFB5, #565B7D, #33364F, #27232B)
• Tempered Marigold color palette (#F0F6FF, #D8A35E, #3C4F7F, #1E2E49, #1C1B24)
• Misty Studio color palette (#F5F4FF, #55BC53, #622D73, #381344, #1A1829)
• Ash Summit color palette (#FEF1F8, #DCD7AB, #918EC0, #605E85, #2A1D24)
• Aged Stone Station color palette (#F3F4FF, #F2B1AC, #786894, #3D3F5F, #1F2030)
• Muted Ridge color palette (#FCEDF3, #E29F9A, #5C4A7C, #3C1A2A, #15080E)
• Nightshade Basin color palette (#DBE4FD, #00AB84, #31228D, #150A4B, #050C29)
• Washed Meadow color palette (#F1F5FF, #A7A5F0, #A15935, #5A5794, #2F1E28)

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