Weathered Harbor color palette — #E7EDF3 · #A1A9BD · #7D7D93 · #003868 · #031527
A conversation between Navy and Ink, giving this palette its sense of trust and stability.
The five colors
- Frost (#E7EDF3): a clean, paper-quiet neutral.
- Mauve (#A1A9BD): A luminous, dusty violet — the color of wild irises.
- Storm Blue (#7D7D93): A full-bodied, dusty violet — the color of wild irises.
- Navy (#003868): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Ink (#031527): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Navy Station color palette (#E4E8F3, #9898AA, #756B83, #261C61, #04071A)
- Navy Archive color palette (#E4EAF2, #ABB5C6, #8895B3, #004EA8, #091422)
- Aubergine Atelier color palette (#E4E2EB, #BFB5C4, #9D859A, #642965, #211B2F)
- Ultramarine Meadow color palette (#EFF6FF, #CDD2E4, #A6A2C3, #134FC1, #253448)
- Antique Cobalt color palette (#EBE1EC, #BFAAAC, #B28E89, #1374C4, #1B0E1D)
- Patina Pewter color palette (#F5F4FC, #E1D5DD, #BDADBF, #745681, #3A3944)
- Patina Petrol Pier color palette (#D5E1EE, #6A62A6, #652C57, #053704, #001E17)
- Washed Olive color palette (#CFE5D0, #736F00, #224100, #1C1651, #111000)
Browse the whole catalog at Explore, or see today's palette.