Petrol Corridor color palette — #ECF3F9 · #D7D7E5 · #BEBBCD · #51799C · #272D33

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

The five colors

• Ivory (#ECF3F9): a clean, paper-quiet neutral.
• Silver (#D7D7E5): a clean, paper-quiet neutral.
• Ash (#BEBBCD): A luminous, dusty violet — the color of a velvet chair.
• Slate (#51799C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#272D33): quiet, heavy and certain.

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

• Timeworn Petrol color palette (#EFF7F4, #DED4D2, #CBB7B9, #497A9E, #3C4C47)
• Ancient Orchard color palette (#E0E9FF, #C1B4E6, #837EA4, #6F576D, #43293A)
• Tempered Ash Workshop color palette (#EFF6FC, #DAD9E4, #BFB3AF, #73A5C6, #384047)
• Wandering Navy color palette (#DDE3EA, #95A0B4, #707B97, #003372, #01040C)
• Weathered Ultramarine Field color palette (#ECF2FD, #CAD4EA, #ABA5D1, #3952AE, #0F1A2C)
• Timeworn Meadow color palette (#D7E2F6, #546AD4, #293047, #101621, #04060B)
• Weathered Olive Field color palette (#E5F7EC, #B5B87C, #6E7C44, #355C61, #132D23)
• Muted Ridge color palette (#FCEBFF, #6F9BEB, #6462A2, #633648, #182336)

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