Petrol Pier color palette — #EBF4F0 · #E3D4D7 · #C4B1BA · #396B86 · #19231F

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

The five colors

• Cream (#EBF4F0): bright and airy, almost weightless.
• Silver (#E3D4D7): bright and airy, almost weightless.
• Rosewood Mist (#C4B1BA): A luminous, dusty rose — the color of strawberry cream.
• Peacock (#396B86): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#19231F): 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 Chapel color palette (#EFF6FB, #D9D8E1, #B1B2C0, #226C8D, #2F3C46)
• Timeworn Denim Harbor color palette (#FCEDF7, #E7CBD4, #CB9EA1, #4B50A3, #23141F)
• Worn Navy color palette (#D2E3DD, #C2ABBB, #A3838F, #004773, #000E0A)
• Aged Driftwood Study color palette (#F8EFF3, #E0D4D1, #B4AEA2, #9C768A, #3A3437)
• Weathered Periwinkle Orchard color palette (#DAF6EB, #8A9BD4, #8A698A, #534600, #322A02)
• Wandering Meadow color palette (#FEEFE1, #B29F64, #5F6C19, #573C53, #261A00)
• Dusty Cerulean color palette (#F6E7CB, #0096CA, #5C4C9B, #453700, #221024)
• Tempered Navy color palette (#F2E3EF, #B198A3, #996E76, #1B306F, #0B0109)

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