Petrol Pier color palette — #EAF9F8 · #BFE1FD · #648FB4 · #266B82 · #37495F

Peacock and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EAF9F8): bright and airy, almost weightless.
• Powder Blue (#BFE1FD): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#648FB4): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#266B82): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#37495F): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Tempered Powder Harbor color palette (#E6F9FF, #C7E0F2, #ACC4EC, #51828A, #40555E)
• Teal Quarry color palette (#E2FBFF, #00B8A7, #7E82C5, #00766A, #3C3F62)
• Washed Loft color palette (#D3E2DF, #55AEB8, #006272, #003E3C, #00242E)
• Cerulean Villa color palette (#DBF5F2, #2B8DA9, #00435A, #002226, #000B14)
• Softworn Teal Coast color palette (#FAF3F6, #D8DDF4, #A9BCED, #00AEAB, #414563)
• Cobalt Summit color palette (#E5F9FF, #009C9B, #537BBB, #5C713F, #233C43)
• Aqua Boulevard color palette (#DFFDF7, #55CCD2, #007C89, #005650, #003A45)
• Chalky Dune color palette (#DFF3F3, #84B7E2, #1B69B5, #004C66, #1B2D4D)

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