Petrol Pier color palette — #EBF4F4 · #D5D9EC · #829FC0 · #427288 · #28374B
Built around Slate, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Ivory (#EBF4F4): bright and airy, almost weightless.
- Silver (#D5D9EC): A whisper-light, dusty violet — the color of a velvet chair.
- Blue Fog (#829FC0): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#427288): A full-bodied, dusty blue — the color of deep harbor water.
- Deep Teal (#28374B): 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
- Timeworn Garden color palette (#DCEBEA, #6AA4CA, #005C97, #003747, #000A1E)
- Timeworn Petrol color palette (#E8F3FF, #94B7DC, #C188A4, #4975A3, #392A45)
- Periwinkle Hollow color palette (#E9F3FF, #719FD8, #A57DAD, #328882, #19283A)
- Aged Ridge color palette (#DEEDEB, #7EBFD0, #007696, #004A50, #001925)
- Aged Thicket color palette (#FAF4EF, #CDE4E6, #8699C1, #007D8A, #674759)
- Worn Ash Terrace color palette (#EAF3FF, #D8D4E2, #BFA2A6, #7C94AC, #343C4B)
- Patina Denim color palette (#EAF3FF, #B1CCF4, #6D8BBA, #2F4974, #0D223C)
- Wandering Lagoon Alley color palette (#D4EAE5, #3B8686, #004449, #00201B, #000202)
Browse the whole catalog at Explore, or see today's palette.