Petrol Corridor color palette — #EDF4EE · #C8E0F3 · #6F90B8 · #006A7A · #1E2C44

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

The five colors

• Cream (#EDF4EE): bright and airy, almost weightless.
• Powder Blue (#C8E0F3): A whisper-light, dusty blue — the color of open sky before noon.
• Slate Blue (#6F90B8): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#006A7A): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#1E2C44): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Patina Denim color palette (#D9E3DB, #6CA8AF, #006279, #003A33, #000C16)
• Worn Cobalt color palette (#FAF4EF, #C5E4D9, #6F88C6, #00716D, #5F3A4D)
• Hushed Cerulean Chapel color palette (#ECF5ED, #A8CFDA, #1A8B9B, #005E48, #002531)
• Tempered Abyss color palette (#E3EEE5, #478295, #00405E, #001F20, #000105)
• Timeworn Atelier color palette (#E0F1E3, #5C8EBF, #204294, #002A37, #03001B)
• Softworn Lagoon color palette (#FBF2F6, #D8D4DF, #A5BBE6, #47908A, #40395D)
• Worn Coast color palette (#FCEBFF, #CE697D, #6D8A4B, #3A6FA0, #271829)
• Dusty Petrol Veranda color palette (#E3ECE5, #8EB9DC, #3C6AB1, #004959, #0C0D3D)

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