Petrol Pier color palette — #E0EBEF · #A7B1C7 · #9196B8 · #00818B · #03171E

A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Frost (#E0EBEF): bright and airy, almost weightless.
• Ash (#A7B1C7): A luminous, dusty violet — the color of a velvet chair.
• Blue Fog (#9196B8): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#00818B): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#03171E): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Wandering Quarry color palette (#E0EFF4, #A6B7C3, #8596B6, #005F60, #04171C)
• Weathered Cobalt color palette (#DEE7F2, #B1ADC3, #A291B4, #0571CF, #0C151E)
• Abyss Loft color palette (#E1EAE3, #93A59A, #5E8675, #003E46, #000602)
• Chalky Terracotta color palette (#BDE6F5, #6D98C7, #6C6AAE, #8A391D, #2D1A00)
• Weathered Iris Canyon color palette (#EAEFF6, #D4D1DD, #C2B4CD, #6792DA, #252F3C)
• Tempered Parlor color palette (#D6F5DC, #0099AF, #0068BD, #8A001B, #000D15)
• Chalky Byzantium color palette (#CBE8F8, #008FAC, #8900D7, #810C00, #070800)
• Moonless Navy color palette (#D0E4F2, #00749F, #002E6D, #1A1921, #000811)

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