Petrol Harbor color palette — #F3E7DB · #87BADE · #456AAB · #004A50 · #130E36
Slate takes the lead with Sky close behind in a set that reads as trust and stability at first glance.
The five colors
- Parchment (#F3E7DB): A whisper-light, dusty gold — the color of old brass.
- Sky (#87BADE): A luminous, dusty blue — the color of open sky before noon.
- Slate (#456AAB): A full-bodied, balanced violet — the color of twilight just after sunset.
- Deep Teal (#004A50): A deep, shadowed, dusty blue — the color of open sky before noon.
- Deep Indigo (#130E36): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, 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
- Weathered Petrol color palette (#F6EBEF, #94B6D1, #4C65A4, #00504D, #312450)
- Petrol Corridor color palette (#F3E6E0, #7EC1C3, #007791, #004E33, #001829)
- Softworn Lilac Harbor color palette (#DEF0FF, #AFBDFF, #BC82BA, #006F7F, #261224)
- Hushed Cerulean Coast color palette (#FBEFEA, #94DEE8, #008FBB, #00644E, #052644)
- Aged Azure Veranda color palette (#E5FAF9, #D2DBF9, #4C97DC, #006583, #081E3B)
- Navy Corridor color palette (#D3F3F6, #0094B1, #006189, #003179, #0E113A)
- Ancient Denim Quarry color palette (#FAE9DD, #3C96B3, #004D7B, #002C28, #00001E)
- Ultramarine Loft color palette (#CDE2FA, #5090F7, #1B52B6, #00244A, #000313)
Browse the whole catalog at Explore, or see today's palette.