Petrol Corridor color palette — #EEF7FB · #D5DCE7 · #BAC0D1 · #3C808A · #3F4A4E

Built around Slate, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#EEF7FB): bright and airy, almost weightless.
• Silver (#D5DCE7): a clean, paper-quiet neutral.
• Ash (#BAC0D1): A luminous, dusty violet — the color of wild irises.
• Slate (#3C808A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#3F4A4E): 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

• Softworn Petrol color palette (#EBF3F7, #D3D7DE, #B8BBC9, #3F8088, #252E31)
• Muted Driftwood color palette (#F1F7F2, #D1DDDD, #B1C5C8, #759A7D, #424A44)
• Abyss Terrace color palette (#E2EDF3, #9AACB9, #6B8296, #003E4D, #04161F)
• Antique Harbor color palette (#E0F0FF, #97B1DB, #7987A9, #685E76, #59464F)
• Pine Hollow color palette (#E6FBF5, #95BC90, #4F805C, #416062, #2C4945)
• Timeworn Navy color palette (#DFE0E8, #B6B6CE, #8E8AA5, #4B3771, #1D1E2A)
• Hazy Delta color palette (#EBF7FF, #74EDFF, #3BCCFC, #6292C5, #223E52)
• Muted Turquoise Alley color palette (#DAFEFB, #00A8CC, #316F9C, #5C416A, #2B404E)

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