Petrol Pier color palette — #ECF7FE · #D4D9EA · #A5BFD8 · #007693 · #364249
Built around Teal, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Ivory (#ECF7FE): a clean, paper-quiet neutral.
- Silver (#D4D9EA): A whisper-light, dusty violet — the color of wild irises.
- Sky (#A5BFD8): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#007693): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#364249): a grounded near-black with real depth.
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
- Petrol Market color palette (#E7F4FB, #D2D6EA, #B2C0D9, #00788C, #17282F)
- Softworn Cerulean color palette (#F0F7F2, #CADFE1, #E2C3DA, #0096AE, #36443B)
- Aged Driftwood Station color palette (#F4F5FB, #DDD8DF, #B8A8A6, #7A7EA6, #51525A)
- Hushed Coast color palette (#EAF8FE, #D7D9E8, #BCA6AA, #00B8D1, #2D434D)
- Weathered Navy color palette (#EAEDF5, #A3A8BD, #787CA0, #2C2978, #0C1325)
- Wandering Iris Parlor color palette (#E1ECFF, #A1A9E0, #8975BF, #844659, #5D425B)
- Jade Dune color palette (#E0FCF9, #59B986, #007C5D, #005E56, #0E4343)
- Worn Grape Delta color palette (#F2F5FF, #CED1EA, #B59AC7, #5D3ABC, #2C3246)
Browse the whole catalog at Explore, or see today's palette.