Weathered Petrol Harbor color palette — #F3F7ED · #C3DEF3 · #86A8D9 · #2477A1 · #3F233B
A conversation between Slate and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F3F7ED): bright and airy, almost weightless.
- Powder Blue (#C3DEF3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Blue Fog (#86A8D9): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#2477A1): A full-bodied, balanced blue — the color of deep harbor water.
- Espresso (#3F233B): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Weathered Petrol 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
- Aged Cabin color palette (#F4F6ED, #BBE2F1, #68B0D3, #007D8B, #00324C)
- Cerulean Terrace color palette (#FBF4ED, #C7E8E0, #9AAEF2, #009CB4, #3C335C)
- Dusty Petrol color palette (#EDF1DC, #6FC4E1, #007197, #003D44, #000307)
- Timeworn Cobalt color palette (#EBF8F8, #A9C8EA, #4077C9, #005A80, #2B395C)
- Timeworn Villa color palette (#F4F6EF, #C8DBE8, #DEC0E0, #6999B2, #5B455A)
- Aged Coral color palette (#FFF1F3, #D088D3, #E16F5B, #527EC4, #300E16)
- Faded Balcony color palette (#F5F3FF, #CCB1FF, #A175D2, #774A93, #46234F)
- Timeworn Basin color palette (#F6F6E8, #91DBDE, #008A99, #00524C, #000F14)
Browse the whole catalog at Explore, or see today's palette.