Petrol Corridor color palette — #E1F3F2 · #89B8D8 · #1C6CAB · #004C63 · #0F2E54
Peacock takes the lead with Navy close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#E1F3F2): bright and airy, almost weightless.
- Sky (#89B8D8): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#1C6CAB): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#004C63): A deep, shadowed, dusty blue — the color of deep harbor water.
- Navy (#0F2E54): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. 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
- Petrol Study color palette (#E2F3EF, #8ABAC9, #007680, #005048, #00343E)
- Hushed Petrol Boulevard color palette (#EFE6EA, #96B8D3, #446AAC, #004A50, #13093D)
- Ancient Periwinkle color palette (#EDF0E7, #A8DAFE, #48AAFF, #008BB2, #0E2D56)
- Weathered Cerulean Corridor color palette (#EAF9F6, #95DCE6, #008EA6, #006665, #00475A)
- Cornflower Courtyard color palette (#F7ECE3, #A8CEC1, #5784D6, #006B72, #292559)
- Denim Boulevard color palette (#DFF2F0, #6098AD, #00516E, #002F35, #001625)
- Softworn Station color palette (#EEF7F7, #D8DBEB, #829CB9, #47758D, #44546A)
- Ancient Blush color palette (#EEEDFF, #DAB3D8, #C87CA6, #6A4C8D, #442A47)
Browse the whole catalog at Explore, or see today's palette.