Petrol Pier color palette — #E9FAF1 · #73BBD9 · #BB8E65 · #257D9D · #524C46

Cerulean takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#E9FAF1): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#73BBD9): A luminous, balanced blue — the color of open sky before noon.
• Caramel (#BB8E65): A luminous, dusty gold — the color of afternoon light on wheat.
• Cerulean (#257D9D): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal Brown (#524C46): a grounded near-black with real depth.

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

• Cocoa Dune color palette (#ECFAEC, #7CBDBE, #C28780, #008385, #76391C)
• Washed Cobalt color palette (#FFF1F8, #ADA9DD, #B2945B, #7069A8, #514C46)
• Azure Orchard color palette (#E5FBF3, #609FCC, #B17C58, #7F712E, #2F4940)
• Cobalt Hollow color palette (#E8F4FD, #8ABAD8, #BE87B4, #007BAD, #44243F)
• Weathered Cerulean Veranda color palette (#EAF9F3, #99CCE8, #D29DCA, #0098CE, #674146)
• Driftwood Studio color palette (#E8FAF3, #E9D5D0, #D9B79C, #739072, #3B544D)
• Ancient Cerulean color palette (#D9FFF3, #A7CFF7, #5C85AE, #305477, #1A3A55)
• Navy Chapel color palette (#FFF0FE, #66A3FF, #B56A00, #0048A5, #573000)

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