Petrol Pier color palette — #D4E1ED · #006FAC · #8C3E00 · #003B60 · #0F0300

Peacock takes the lead with Burnt Sienna close behind in a set that reads as trust and stability at first glance.

The five colors

• Silver (#D4E1ED): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#006FAC): A full-bodied, balanced blue — the color of deep harbor water.
• Burnt Sienna (#8C3E00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Navy (#003B60): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#0F0300): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Balance. Tagged cool.

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

• Antique Terracotta Meadow color palette (#C4E9F5, #00787C, #A41400, #004143, #130000)
• Bronze Pier color palette (#D9E9F5, #0088C1, #A95800, #005B83, #0D0300)
• Worn Nightshade Meadow color palette (#DBE5F6, #4A60BD, #844500, #1D00A8, #0D0400)
• Moonless Denim Alley color palette (#D2F0E4, #00577E, #5D3200, #002336, #0D0400)
• Ultramarine Lagoon color palette (#DEE4F7, #3845BF, #8E1900, #682500, #01000F)
• Basalt Delta color palette (#D4F1DD, #687642, #544300, #391B00, #000501)
• Cobalt Boulevard color palette (#DDE7F5, #007DC0, #00468D, #001635, #000207)
• Peony Delta color palette (#C2E4FB, #9BA0E3, #B36590, #005D57, #00102C)

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