Petrol Pier color palette — #ECF3F7 · #82D0EB · #9770AF · #007E9B · #151420
A conversation between Cerulean and Slate Blue, giving this palette its sense of trust and stability.
The five colors
- Ivory (#ECF3F7): a clean, paper-quiet neutral.
- Sky (#82D0EB): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate Blue (#9770AF): A luminous, balanced violet — the color of twilight just after sunset.
- Cerulean (#007E9B): A full-bodied, balanced blue — the color of deep harbor water.
- Ink (#151420): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged duotone, 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
- Tempered Powder color palette (#EFF6FC, #82C8FE, #6D77B8, #3B739B, #282E3A)
- Wandering Cobalt color palette (#EBF4F5, #90D3BE, #5D80CB, #15846B, #11161E)
- Antique Chapel color palette (#EEF2F8, #B1C3EC, #B66971, #556EB3, #1B131B)
- Lilac Quarry color palette (#EFF8F2, #92DEF6, #B688BF, #5797AA, #38292C)
- Pewter Drift color palette (#E7F6F0, #80B2D9, #816BA8, #4E572B, #222D3C)
- Wandering Iris color palette (#E4F5FF, #9BBEEB, #7C7BC2, #6C4783, #43183C)
- Aged Lagoon color palette (#EDF2F8, #D8D6DE, #BBABB3, #6286AB, #32373C)
- Wandering Field color palette (#EBF3F9, #4D91B6, #99455F, #454E08, #0F1D26)
Browse the whole catalog at Explore, or see today's palette.