Petrol Pier color palette — #EEF6FF · #F0A784 · #0B6CB3 · #003C69 · #091C2D

Built around Royal Blue, softened by Melon — the whole palette hums with trust and stability.

The five colors

• Ivory (#EEF6FF): a clean, paper-quiet neutral.
• Melon (#F0A784): A luminous, balanced orange — the color of autumn markets.
• Royal Blue (#0B6CB3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#003C69): A deep, shadowed, balanced blue — the color of deep harbor water.
• Midnight (#091C2D): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged luxury, dark, cool.

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

• Weathered Quarry color palette (#F0F5FF, #D1B96E, #435FC4, #1E3081, #0A1A35)
• Blush Bloom color palette (#E8F8FF, #F89CAC, #007784, #00434B, #021E28)
• Pale Denim color palette (#D4DFED, #D5945A, #0053A6, #002756, #000B1E)
• Timeworn Sapphire color palette (#FFF0FD, #FFCAC2, #3F64C3, #172A5C, #0F030E)
• Muted Marigold color palette (#E3FCF2, #C79A2D, #004E72, #002A40, #002118)
• Chalky Honey Lantern color palette (#EDF7FF, #FFC531, #0098DA, #31617F, #071C2C)
• Cornflower Station color palette (#F2F5FB, #DED7E3, #D6B7CD, #547EEE, #364051)
• Patina Quarry color palette (#F4F4FC, #AEDBD8, #8474A1, #53446B, #292A35)

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