Petrol Corridor color palette — #E9F9F8 · #DBDDE8 · #73AAE7 · #0079A0 · #1B2E4C

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

The five colors

• Ivory (#E9F9F8): bright and airy, almost weightless.
• Silver (#DBDDE8): bright and airy, almost weightless.
• Cornflower (#73AAE7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#0079A0): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#1B2E4C): 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

• Cypress Harbor color palette (#ECF8F6, #D4DFEB, #55B6C6, #008078, #003540)
• Timeworn Petrol color palette (#DEF3F0, #6DC5DC, #007290, #003D41, #000306)
• Aged Villa color palette (#E4FAFF, #58D6D0, #A29BE9, #008884, #271F4E)
• Cerulean Hollow color palette (#FAF3F5, #C8E4FD, #91B0F6, #009EAD, #38355A)
• Muted Denim color palette (#DEF5F4, #7BA6D2, #225398, #00283C, #00000C)
• Cobalt Terrace color palette (#F3F7ED, #A4CAEA, #267ACE, #005B7A, #4A3049)
• Soft Workshop color palette (#E5F9FF, #00BDBF, #6D95DE, #698B42, #002027)
• Tempered Pier color palette (#DCFDFF, #6CEAF1, #009BA5, #005156, #001315)

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