Petrol Corridor color palette — #E5F1F5 · #C9DBE4 · #A1BCCD · #00818A · #213136

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

The five colors

• Cream (#E5F1F5): a clean, paper-quiet neutral.
• Silver (#C9DBE4): A whisper-light, dusty blue — the color of open sky before noon.
• Ash (#A1BCCD): A luminous, dusty blue — the color of deep harbor water.
• Teal (#00818A): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#213136): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Aged Petrol Summit color palette (#DDEAF2, #B2C7D8, #90A8BF, #006B88, #10222B)
• Hushed Teal Pier color palette (#EBF0EB, #C5D8D6, #A1C0C3, #00A6AC, #273127)
• Timeworn Cobalt color palette (#EFF6FE, #CFDFFA, #B1BDDC, #3C76CB, #283443)
• Washed Periwinkle color palette (#DAEBF4, #78ABD8, #687AA3, #625A76, #1C4126)
• Hushed Cerulean Corridor color palette (#BDE8E4, #00A3BF, #0071A2, #583573, #01283A)
• Aqua Meadow color palette (#DEF3FF, #00DDE3, #00BCE2, #268ACB, #002939)
• Weathered Pine Drift color palette (#D4EAE4, #85B472, #3D8347, #2A614B, #00312B)
• Lapis Canyon color palette (#CCE6F7, #0093C0, #4B51C8, #602569, #00261C)

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