Petrol Harbor color palette — #EAF4F4 · #C1E1FA · #6692B9 · #106882 · #182D45
Peacock and Slate Blue set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EAF4F4): a clean, paper-quiet neutral.
- Powder Blue (#C1E1FA): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Slate Blue (#6692B9): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#106882): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#182D45): 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 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
- Worn Turquoise Dune color palette (#E4F3F0, #28AFBD, #006374, #003938, #000D13)
- Petrol Delta color palette (#E9F3FF, #DAD5E2, #D1B5DC, #537D9C, #222D3C)
- Airy Drift color palette (#D6E6EB, #20B4E0, #0083B1, #054F76, #14314B)
- Hushed Azure color palette (#E6F4FF, #40AFE9, #649F59, #006D99, #002F2A)
- Timeworn Cornflower color palette (#E9F3FF, #498FE4, #9F66AA, #247A74, #121F2E)
- Dusty Drift color palette (#FAF4EC, #BFE7D8, #6D8DB2, #206D7B, #593D55)
- Faded Navy Basin color palette (#D4E8E7, #4A8ECF, #004498, #00293C, #00001E)
- Ancient Lagoon color palette (#E5F6F2, #95D5D3, #058D94, #005D50, #002531)
Browse the whole catalog at Explore, or see today's palette.