Petrol Pier color palette — #ECF4F1 · #DFD4D7 · #C2B1BC · #356B8C · #14241F

Built around Peacock, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#ECF4F1): bright and airy, almost weightless.
• Silver (#DFD4D7): bright and airy, almost weightless.
• Ash (#C2B1BC): A luminous, dusty pink — the color of peonies in June.
• Peacock (#356B8C): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#14241F): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Weathered Petrol color palette (#EFF6FC, #D9D8E1, #B0B1C8, #006D93, #303C45)
• Aged Pewter Station color palette (#F9EFF1, #E5D2CB, #D9B5B2, #825795, #2F2024)
• Antique Cerulean Cabin color palette (#EFF8F3, #E2D3CF, #A5A89C, #4394BA, #21332B)
• Mulberry Archive color palette (#EFE6E8, #D6C7C7, #B99C96, #6F4270, #1E1214)
• Patina Navy Courtyard color palette (#DFEFEA, #BEADBB, #9C8691, #004579, #000E0B)
• Aged Driftwood color palette (#F7EFF3, #DDD4D2, #B4ACA3, #9B7688, #3D3337)
• Wandering Cocoa color palette (#F0D7F1, #B093A5, #87666E, #684000, #2F2F02)
• Ancient Pewter Alley color palette (#FDF0DE, #A9A171, #616A39, #0B4E5F, #251B02)

Browse the whole catalog at Explore, or see today's palette.