Petrol Corridor color palette — #E4F2F0 · #7ABCD8 · #00719E · #004E5B · #08314C

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

The five colors

• Cream (#E4F2F0): bright and airy, almost weightless.
• Sky (#7ABCD8): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#00719E): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004E5B): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Teal (#08314C): 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

• Hushed Petrol Bloom color palette (#F3E4EC, #73BFDF, #306FA8, #004B49, #0B1233)
• Dusty Cobalt color palette (#ECF8F7, #ACC9E0, #387DB5, #005C75, #253C56)
• Frosted Bloom color palette (#C1EAF2, #00A3C1, #006782, #004661, #1D284C)
• Soft Ultramarine Workshop color palette (#DDF2F2, #7FA2C7, #0052B2, #003A54, #0E1C41)
• Washed Iris color palette (#E2F1FF, #B4D3FF, #838ED9, #006A8E, #1A324B)
• Tempered Periwinkle Thicket color palette (#F9EAF2, #A1DDF8, #71A6EF, #009381, #2B2750)
• Airy Workshop color palette (#E0F0FF, #0070B3, #822CAD, #005A4E, #00213A)
• Worn Balcony color palette (#D2E4E3, #5D85A6, #003C73, #00202E, #000622)

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