Washed Petrol Harbor color palette — #EFF7F7 · #CADFF5 · #698CBE · #006A96 · #37476A
Built around Peacock, softened by Slate Blue — the whole palette hums with trust and stability.
The five colors
- Ivory (#EFF7F7): bright and airy, almost weightless.
- Powder Blue (#CADFF5): A whisper-light, dusty blue — the color of deep harbor water.
- Slate Blue (#698CBE): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006A96): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#37476A): A full-bodied, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Washed 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
- Ancient Cerulean color palette (#EDF8F6, #C2E3ED, #3B99A6, #00726A, #254D60)
- Iris Villa color palette (#EFF3EE, #C4E0FC, #758ACC, #006A7A, #242947)
- Denim Studio color palette (#D3E6E3, #6CA9B9, #00617B, #003D41, #002333)
- Tempered Pier color palette (#E1F2F0, #6085A0, #004064, #00212A, #000919)
- Ancient Periwinkle Parlor color palette (#F9F4EF, #C3F0E4, #8DA2DE, #378795, #5D3C4D)
- Tempered Cobalt color palette (#E3FAFF, #219C93, #3F7DC4, #5E7300, #0C3F48)
- Hushed Petrol color palette (#E2FCF7, #7AC5D3, #007A94, #005557, #00394B)
- Ancient Atelier color palette (#E8F9FD, #5FB0A8, #A18735, #00756E, #514000)
Browse the whole catalog at Explore, or see today's palette.