Petrol Corridor color palette — #E1F2F1 · #7CC2DF · #00709C · #003C46 · #000307

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

The five colors

• Cream (#E1F2F1): bright and airy, almost weightless.
• Sky (#7CC2DF): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#00709C): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003C46): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000307): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Teal Summit color palette (#D4E4E0, #63B1B4, #00606A, #002C28, #000102)
• Chalky Boulevard color palette (#E9F9F8, #A3D2F9, #207BD5, #004D69, #00092A)
• Muted Balcony color palette (#E7DCD5, #4F94AE, #004C7F, #002C29, #01001E)
• Timeworn Petrol Boulevard color palette (#EDF8F7, #D9DDE8, #6CAEDC, #007B95, #0C3050)
• Cobalt Market color palette (#EADAE3, #85B9CE, #0087DF, #006D69, #060545)
• Soft Byzantium color palette (#F1EAFE, #8816DC, #A40043, #004869, #020006)
• Hushed Summit color palette (#E6E8FF, #EEBEFF, #DA89CC, #53438E, #09000F)
• Powdered Summit color palette (#DAE5FF, #5E67EF, #4716BF, #270060, #070016)

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