Petrol Pier color palette — #EADEE5 · #6CACC7 · #0069B1 · #004A48 · #070840

Cobalt takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Silver (#EADEE5): bright and airy, almost weightless.
• Cyan (#6CACC7): A luminous, dusty blue — the color of deep harbor water.
• Cobalt (#0069B1): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004A48): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#070840): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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

• Linen Cobalt color palette (#EADCE1, #89B7DC, #4C70C5, #005861, #1F124A)
• Petrol Dune color palette (#F9E9F4, #64B0B2, #00728A, #004D32, #001626)
• Soft Canyon color palette (#FAEBE1, #4BC7F1, #006BAE, #003E3A, #000015)
• Cerulean Summit color palette (#E4E8D6, #3C9CBF, #005071, #002F37, #001526)
• Cobalt Study color palette (#F6EBF1, #A2CBE2, #238ED2, #006D64, #192B56)
• Ancient Fern Chapel color palette (#CAE9E1, #6DBFCD, #4C92DE, #336800, #001A17)
• Lagoon Lantern color palette (#CBEBE7, #009D8C, #006458, #00312E, #000303)
• Plum Garden color palette (#BFE9EE, #008B76, #AB0099, #005144, #21001C)

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