Petrol Pier color palette — #DBEEEC · #93B9D3 · #0072A8 · #004958 · #00172C
Slate takes the lead with Deep Teal close behind in a set that reads as trust and stability at first glance.
The five colors
- Honeydew (#DBEEEC): A whisper-light, dusty teal — the color of shallow lagoons.
- Ash (#93B9D3): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#0072A8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004958): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#00172C): 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 Pier 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
- Muted Denim Grove color palette (#E7F5F4, #ACCCE7, #557FAA, #005772, #0C213A)
- Aged Boulevard color palette (#F4EDE8, #94BCAA, #366AA5, #004F50, #222857)
- Worn Orchard color palette (#DFF6F0, #6EA9A6, #00656A, #003A31, #000D10)
- Hushed Navy Veranda color palette (#DAF2F1, #4E7DA8, #003979, #001D2C, #00000C)
- Quiet Denim color palette (#E6E7FF, #DEB4E6, #C885B3, #5C4A8A, #250D2E)
- Linen Byzantium color palette (#F0E5FF, #8543C2, #A91C46, #005279, #11031F)
- Gentle Terrace color palette (#E4E8F8, #797BE3, #5A3FBE, #3E1379, #1D0037)
- Softworn Chestnut color palette (#D8E6DA, #968554, #6D4F00, #452B00, #001308)
Browse the whole catalog at Explore, or see today's palette.