Weathered Harbor color palette — #D8E4EA · #BBC6D0 · #96A5C1 · #006C7F · #0F222A
A conversation between Peacock and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Frost (#D8E4EA): bright and airy, almost weightless.
- Oat (#BBC6D0): soft and architectural.
- Blue Fog (#96A5C1): A luminous, dusty violet — the color of twilight just after sunset.
- Peacock (#006C7F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#0F222A): 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
- Denim Canyon color palette (#E4EBF0, #ACB5C3, #8F93AE, #005981, #011625)
- Muted Ultramarine Quarry color palette (#E5EBF4, #C0C3D1, #A5A1BB, #2155CA, #142030)
- Ancient Cypress color palette (#CEE7DC, #769F72, #007256, #004E5C, #032201)
- Worn Indigo Parlor color palette (#ECEEF6, #D7D6E1, #BEB2C8, #755EBE, #292D3E)
- Chalky Petrol Station color palette (#CBF5FC, #679BB0, #5F66A8, #5A4500, #052F02)
- Muted Nightshade color palette (#DEE3EB, #A1A3B2, #88829C, #242FA7, #02081A)
- Sunlit Studio color palette (#E2F4E6, #00919E, #264FB1, #473500, #001924)
- Misty Aubergine Grove color palette (#D0ECF3, #008681, #761B9F, #472C00, #001802)
Browse the whole catalog at Explore, or see today's palette.