Petrol Corridor color palette — #ECF7FF · #D9D7EB · #B4BAD9 · #0073A2 · #36414A

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

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Silver (#D9D7EB): A whisper-light, dusty violet — the color of twilight just after sunset.
• Ash (#B4BAD9): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#0073A2): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#36414A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Petrol Corridor 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

• Worn Cerulean Ridge color palette (#EFF7F4, #E8D9DC, #D6BCB7, #0092C7, #33443D)
• Hushed Atelier color palette (#E9EFF6, #C4CCDC, #9C9EB8, #275881, #262F37)
• Dusty Driftwood color palette (#F4F4FC, #E1D7DE, #B6AAA3, #7F7DA3, #525257)
• Periwinkle Garden color palette (#CAEBFF, #9DA3E3, #977095, #3E6657, #494D20)
• Patina Aubergine color palette (#E0E2EC, #A9A6B9, #867990, #3C2078, #11131F)
• Mulberry Lagoon color palette (#EDF7FF, #0086C4, #A8003B, #454200, #073415)
• Faded Olive color palette (#FFF1F6, #BCA144, #627200, #3D4F7D, #22432F)
• Charred Pier color palette (#D6E0F0, #2747FF, #331F4B, #0E1829, #040611)

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