Petrol Pier color palette — #FDE2F2 · #0081A1 · #815C00 · #0C0C04 · #000300

A conversation between Cerulean and Ochre, giving this palette its sense of trust and stability.

The five colors

• Blush (#FDE2F2): A whisper-light, dusty pink — the color of neon signs at night.
• Cerulean (#0081A1): A full-bodied, balanced blue — the color of deep harbor water.
• Ochre (#815C00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#0C0C04): a grounded near-black with real depth.
• Black (#000300): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged neon, dark, vibrant, 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

• Cobalt Garden color palette (#F4ECFD, #0089BE, #8C7600, #1D1700, #030200)
• Muted Pier color palette (#FFDDD1, #008F76, #757300, #071005, #000201)
• Sapphire Canyon color palette (#FEDBE3, #006EE7, #746300, #0A0E06, #000201)
• Lowlit Fern color palette (#FFE7E1, #006E5E, #565600, #080D07, #020100)
• Ancient Brick color palette (#DFE0EE, #008681, #AE3200, #110700, #050004)
• Tempered Thicket color palette (#D8EAE7, #879FA2, #5A757F, #003608, #000C0B)
• Hazy Lantern color palette (#FFE9E7, #8A2BFF, #6A6700, #080E07, #000201)
• Inked Forest color palette (#E0E6D8, #007238, #003A2F, #001112, #010206)

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