Petrol Pier color palette — #E9F3FB · #D4D5E2 · #B1BFDC · #15749D · #1A2730
Slate takes the lead with Sky close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#E9F3FB): bright and airy, almost weightless.
- Silver (#D4D5E2): a clean, paper-quiet neutral.
- Sky (#B1BFDC): A luminous, dusty violet — the color of wild irises.
- Slate (#15749D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#1A2730): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Ancient Cabin color palette (#E2EAF3, #C5CCD7, #9CA3B7, #0F598B, #0A1723)
- Patina Chapel color palette (#EEF8F3, #E6D9DC, #D2B2BE, #007598, #2A473A)
- Tempered Cocoa color palette (#D6E9FF, #9CA4DF, #727095, #6E4505, #322E00)
- Weathered Azure Parlor color palette (#ECF7FE, #DADAE4, #BAACA6, #00A0CD, #2A373F)
- Driftwood Atelier color palette (#F1F1F8, #DAD4DA, #B7AAAB, #8F789F, #35353C)
- Softworn Atelier color palette (#DBF9F5, #76B79C, #007C71, #005666, #00281B)
- Grape Grove color palette (#EFF1FD, #D3D1E2, #B2A4C6, #6C3BAA, #16172D)
- Softworn Navy color palette (#E6E9F4, #9D9DB3, #7E7694, #372570, #020313)
Browse the whole catalog at Explore, or see today's palette.