Petrol Pier color palette — #EFF6FC · #D8D8E4 · #ADB3C3 · #3E688A · #343C43
Peacock takes the lead with Ash close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#EFF6FC): a clean, paper-quiet neutral.
- Silver (#D8D8E4): bright and airy, almost weightless.
- Ash (#ADB3C3): A luminous, dusty violet — the color of twilight just after sunset.
- Peacock (#3E688A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal (#343C43): 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
- Aged Nightshade color palette (#F2F5FF, #D0D0E7, #A9A1C2, #594A9F, #2E3242)
- Washed Cerulean color palette (#EFF7F4, #E8D7DA, #D0BBB9, #3F88B8, #2E3F39)
- Antique Navy color palette (#E9EEFB, #A2A7C4, #7E7B98, #2B2E6F, #0F141F)
- Antique Lilac Balcony color palette (#C8E1FF, #A89CDA, #876888, #426043, #244C3E)
- Sunlit Periwinkle Market color palette (#F0F5FF, #75CFFF, #70A3FF, #9067B7, #2C2F52)
- Taupe Archive color palette (#E9FAED, #A39F4E, #576C24, #304F62, #233C30)
- Sunlit Bloom color palette (#D7F9DE, #2F89DE, #5C4A9B, #603300, #20304B)
- Lapis Field color palette (#D7E1F2, #3D45E5, #21233C, #0B1323, #03040A)
Browse the whole catalog at Explore, or see today's palette.