Petrol Corridor color palette — #EBF4F2 · #DBD1CE · #C8B5B5 · #4D79A3 · #222F2C

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

The five colors

• Ivory (#EBF4F2): bright and airy, almost weightless.
• Oat (#DBD1CE): bright and airy, almost weightless.
• Stone (#C8B5B5): A luminous, dusty red — the color of late-summer berries.
• Slate (#4D79A3): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Forest (#222F2C): 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

• Muted Cobalt Market color palette (#F1F6FB, #DBD9E1, #C9BACB, #327BAD, #404951)
• Pewter Pier color palette (#EDF4EE, #CDDBDA, #AEC1C3, #5D7F62, #282E28)
• Aged Indigo color palette (#FAEEF2, #E2D2CD, #D4B7B7, #7A57A3, #311F26)
• Hushed Corridor color palette (#F6DBF3, #CFABBD, #A18184, #735000, #34332C)
• Dusty Pier color palette (#EFF7F4, #E0D4CF, #A2A095, #78A4C5, #37423E)
• Stone Balcony color palette (#F7F1E6, #B4B789, #697C55, #3B5D4F, #2E270B)
• Ultramarine Hollow color palette (#FBEDF7, #E4CCD8, #C89EAB, #3A4CBD, #241321)
• Navy Canyon color palette (#EDE6EC, #AA9BA4, #8F727E, #00307A, #0A010A)

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