Weathered Harbor color palette — #F6F0F4 · #A3CFE1 · #0087B4 · #005D4A · #08213B
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Ivory (#F6F0F4): a clean, paper-quiet neutral.
- Sky (#A3CFE1): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#0087B4): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005D4A): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#08213B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Cerulean Balcony color palette (#E9F9F6, #91D1DC, #1D859D, #005F60, #1C3F52)
- Wandering Cerulean Market color palette (#F8EFF3, #BDE2FB, #6290C6, #0C6C6C, #212C42)
- Muted Sapphire color palette (#F4E4EA, #8ABADA, #2266CC, #004B4F, #121131)
- Pale Basin color palette (#C4E9D9, #00A499, #007887, #00495D, #01223E)
- Softworn Harbor color palette (#E1F6FF, #D0D5F8, #B4A2F2, #27796C, #122B38)
- Tempered Turquoise color palette (#F5F6EF, #B9E3EF, #42B6D5, #007F81, #093727)
- Weathered Rust Garden color palette (#D2EEFC, #00A2BF, #C65044, #005F71, #350C08)
- Antique Abyss color palette (#F5ECF2, #3F8393, #00405E, #00201A, #000106)
Browse the whole catalog at Explore, or see today's palette.