Weathered Harbor color palette — #F0F5FF · #D2D9FF · #9EACFF · #6A78C0 · #262C50
A conversation between Lavender and Slate, giving this palette its sense of creativity and calm.
The five colors
- Ivory (#F0F5FF): bright and airy, almost weightless.
- Powder Blue (#D2D9FF): A whisper-light, dusty violet — the color of twilight just after sunset.
- Lavender (#9EACFF): A luminous, balanced violet — the color of wild irises.
- Slate (#6A78C0): A full-bodied, balanced violet — the color of a velvet chair.
- Navy (#262C50): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Creativity, Calm, Balance. Tagged monochrome, muted, 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
- Muted Mallow color palette (#F3F4FF, #E8D6FF, #CDAAF4, #987EB2, #383654)
- Worn Navy color palette (#EBF2FF, #B2BCF9, #7174B5, #2D3872, #0C1539)
- Hushed Iris Alley color palette (#F0F5FF, #BFC4FF, #7285E7, #4F5398, #252D4F)
- Feathered Balcony color palette (#EBF7FF, #AEE6FF, #04BFF3, #278EB3, #003547)
- Mallow Courtyard color palette (#D4E7F4, #FFBAC2, #DEB2FF, #5C5C73, #29292F)
- Patina Lilac color palette (#F4F4FF, #FFC5BC, #AA81C8, #6F5880, #21202C)
- Sunlit Garden color palette (#F0E9FF, #D2BBFF, #AB76FF, #812CDE, #1F0044)
- Worn Hollow color palette (#F6F3FD, #FABDF8, #FB7FAC, #CA86C7, #29202C)
Browse the whole catalog at Explore, or see today's palette.