Petrol Corridor color palette — #ECF3F8 · #D6D6DF · #BDBAC5 · #3E7E96 · #222E35

A conversation between Slate and Onyx, giving this palette its sense of trust and stability.

The five colors

• Ivory (#ECF3F8): bright and airy, almost weightless.
• Silver (#D6D6DF): a clean, paper-quiet neutral.
• Ash (#BDBAC5): soft and architectural.
• Slate (#3E7E96): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#222E35): 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

• Petrol Station color palette (#F0F6FA, #D7D9E0, #BCBDCA, #2A7EA1, #3C4A53)
• Aged Petrol color palette (#EFF2F9, #DCD3E1, #C3BBD1, #5C62AE, #1E2535)
• Stone Meadow color palette (#CFEDFE, #A2B5CD, #7F7D93, #425C51, #1F3A2F)
• Muted Lagoon color palette (#E9F5F1, #87BFBC, #3C8475, #395A6C, #0B2D2C)
• Ancient Abyss Terrace color palette (#D9E4EC, #97A1AF, #747A96, #003B54, #00050B)
• Timeworn Turquoise Terrace color palette (#E1F9E6, #52AAC2, #5E669D, #584307, #0C2538)
• Wandering Nightshade color palette (#E6E9F1, #CBC9DB, #AA9DB7, #544693, #121522)
• Hushed Navy Station color palette (#D9E0ED, #8A8C9A, #6D6683, #0C1774, #000107)

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