Weathered Harbor color palette — #E1E3F7 · #886BB2 · #B63C5D · #00638C · #190B2A
A conversation between Magenta Rose and Slate, giving this palette its sense of trust and stability.
The five colors
- Frost (#E1E3F7): A whisper-light, dusty violet — the color of a velvet chair.
- Slate (#886BB2): A full-bodied, balanced violet — the color of a velvet chair.
- Magenta Rose (#B63C5D): A full-bodied, balanced red — the color of embers at dusk.
- Peacock (#00638C): A full-bodied, balanced blue — the color of deep harbor water.
- Ink (#190B2A): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Balance. Tagged warm.
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
- Washed Loft color palette (#D4E2FC, #6475C3, #A83F8E, #006772, #06122D)
- Ancient Rust color palette (#E0DCEA, #A0629B, #B3472A, #3055AA, #220721)
- Misty Petrol color palette (#F1F0FF, #A47CB4, #B76362, #2C6EAC, #1E1936)
- Washed Lilac color palette (#FBDBE6, #AE77E5, #D95670, #1580B8, #3F202C)
- Airy Aubergine Chapel color palette (#F4EEFF, #B79ADC, #744DA4, #47047C, #15002A)
- Quiet Aubergine color palette (#E2DBE9, #71349F, #900030, #003F62, #070010)
- Timeworn Indigo color palette (#EFF1FF, #D2CFF3, #DBA3D3, #7263B4, #212039)
- Washed Aubergine Garden color palette (#E8DAEB, #AF3D58, #7F5400, #6700A9, #1D0006)
Browse the whole catalog at Explore, or see today's palette.