Petrol Pier color palette — #F8EFF2 · #D9D0E3 · #869DC2 · #3B757E · #2E354C
A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F8EFF2): bright and airy, almost weightless.
- Silver (#D9D0E3): A whisper-light, dusty violet — the color of twilight just after sunset.
- Blue Fog (#869DC2): A luminous, dusty blue — the color of deep harbor water.
- Teal (#3B757E): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Navy (#2E354C): A deep, shadowed, dusty violet — the color of wild irises.
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
- Weathered Petrol Quarry color palette (#EFF7F7, #D8DBEC, #7E9CBD, #17799E, #43546A)
- Forest Chapel color palette (#F7EFF4, #C3E3EB, #5499A7, #3B6A4B, #0C2F45)
- Petrol Ridge color palette (#F1E5EC, #8FBAD0, #0172A7, #004C43, #00113E)
- Ancient Denim color palette (#FCEBF1, #6BA3CA, #2B559F, #00393D, #0A002D)
- Lagoon Ridge color palette (#F0E1EB, #318788, #004351, #002112, #000103)
- Dusty Cobalt Parlor color palette (#E6F7E6, #B79665, #6691BF, #5D78AB, #1D2B1E)
- Washed Bronze Workshop color palette (#EAF6E9, #CDAD85, #6CA3CB, #926830, #18344A)
- Washed Corridor color palette (#F9F4EF, #CCE6EA, #C8A4C2, #3D94A2, #644958)
Browse the whole catalog at Explore, or see today's palette.