Petrol Pier color palette — #FEF0FE · #71A2E2 · #C17245 · #2665B1 · #633419

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

The five colors

• Blush (#FEF0FE): A whisper-light, dusty pink — the color of peonies in June.
• Cornflower (#71A2E2): A luminous, balanced blue — the color of open sky before noon.
• Caramel (#C17245): A luminous, balanced orange — the color of toasted spice.
• Cobalt (#2665B1): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#633419): A deep, shadowed, dusty orange — the color of toasted spice.

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

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

• Hazy Denim color palette (#FFF0FA, #9099DF, #9F873A, #575DA4, #50410A)
• Gentle Petrol Veranda color palette (#E9F3FD, #74AAD5, #BE7C43, #006AA4, #3E1E00)
• Washed Corridor color palette (#E7FBEF, #54ADC8, #BE7070, #00718B, #48403E)
• Cobalt Delta color palette (#EAF9F4, #8ABEE7, #DD9148, #0A87CE, #5E3810)
• Faded Courtyard color palette (#E0FDF3, #3F91C5, #9F7200, #65680C, #213F36)
• Ultramarine Dune color palette (#D8E5FF, #487AF9, #8D6A00, #0A06E8, #3C2B00)
• Hushed Loft color palette (#FFF1F5, #B66FE0, #8C8100, #7C33A2, #423C00)
• Wandering Stone Lantern color palette (#FDF1FA, #A4B77F, #415077, #3C2538, #241619)

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