Petrol Pier color palette — #DCE8E6 · #8BB9CE · #0081A1 · #00585D · #002332
A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.
The five colors
- Parchment (#DCE8E6): bright and airy, almost weightless.
- Ash (#8BB9CE): A luminous, dusty blue — the color of open sky before noon.
- Cerulean (#0081A1): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#00585D): A full-bodied, dusty blue — the color of deep harbor water.
- Midnight (#002332): 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
- Wandering Petrol color palette (#E0F0EF, #6BAAD1, #006BAA, #00475A, #00142D)
- Cobalt Lagoon color palette (#E5F1F0, #A5CAE3, #2E8FC9, #00697E, #002F54)
- Worn Delta color palette (#F5F7EB, #7FDBF2, #0087A9, #005155, #000F18)
- Tempered Teal color palette (#CDEADF, #00B193, #00705B, #003A2E, #000D09)
- Faded Pine color palette (#B3EDF2, #81D3C9, #00B3BE, #008250, #003128)
- Hushed Lagoon Thicket color palette (#EFF7F5, #D0E0F1, #74BFCA, #36988D, #345869)
- Tempered Sapphire Summit color palette (#C8F2F2, #189E6C, #126DE8, #006341, #001841)
- Faded Balcony color palette (#DCF4E2, #008C48, #00758D, #6F5300, #001707)
Browse the whole catalog at Explore, or see today's palette.