Petrol Corridor color palette — #D6E6ED · #0077A7 · #004970 · #002343 · #000A1F
A conversation between Cerulean and Navy, giving this palette its sense of trust and stability.
The five colors
- Frost (#D6E6ED): a clean, paper-quiet neutral.
- Cerulean (#0077A7): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#004970): A deep, shadowed, balanced blue — the color of deep harbor water.
- Midnight (#002343): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000A1F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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
- Cellar Denim color palette (#C3E7E9, #006684, #003150, #001432, #040022)
- Cypress Atelier color palette (#DAF4EF, #007A71, #004F4E, #002F32, #000A0C)
- Softworn Boulevard color palette (#D4F0F2, #0089AC, #00619A, #00337A, #060026)
- Hushed Mulberry Atelier color palette (#EDE3EE, #0069C2, #9D006A, #00386C, #120008)
- Patina Balcony color palette (#F3DBF0, #8B9ADC, #8873DD, #00508C, #03082F)
- Faded Nightshade Canyon color palette (#E6F0FF, #4F7DCC, #0036AA, #001046, #00010C)
- Gentle Aubergine color palette (#F6DEF6, #0055AC, #7B008C, #004744, #000207)
- Hushed Ridge color palette (#D7E4F8, #4567CA, #2C15B9, #1D006A, #0D002D)
Browse the whole catalog at Explore, or see today's palette.