Petrol Pier color palette — #E7F0F7 · #D0D8E1 · #ABB8CF · #007CA5 · #20303B
Cerulean takes the lead with Ash close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#E7F0F7): bright and airy, almost weightless.
- Silver (#D0D8E1): a clean, paper-quiet neutral.
- Ash (#ABB8CF): A luminous, dusty violet — the color of twilight just after sunset.
- Cerulean (#007CA5): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Forest (#20303B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Indigo Coast color palette (#ECEEF5, #D5D7E3, #B7B3D0, #6065C3, #262D40)
- Ancient Cobalt color palette (#EEF8F3, #CCE2E6, #E6C3CA, #0081AB, #13221C)
- Worn Denim Market color palette (#E9F0F4, #C2CDDD, #9A9EBA, #005F74, #253035)
- Tempered Cypress Terrace color palette (#CFECE7, #75B595, #008474, #00606F, #00321F)
- Muted Lantern color palette (#CFE3F4, #95A6CA, #90749F, #834C00, #3C3600)
- Lowlit Basin color palette (#D7E1EE, #0C6BE1, #2E2D54, #031531, #00050C)
- Powdered Orchard color palette (#D5E3F1, #008DDB, #9C2B8E, #623600, #002710)
- Muted Thicket color palette (#E9ECF3, #AFB3C5, #9391B2, #3830CB, #0D1421)
Browse the whole catalog at Explore, or see today's palette.