Petrol Corridor color palette — #E6F1F1 · #96B5D0 · #2A6BA6 · #004C64 · #0D2D59
Slate and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E6F1F1): bright and airy, almost weightless.
- Ash (#96B5D0): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#2A6BA6): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#004C64): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Navy (#0D2D59): A deep, shadowed, balanced blue — the color of open sky before noon.
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
- Ancient Petrol Courtyard color palette (#E5F2EF, #7EBEC1, #007682, #005049, #00343E)
- Sapphire Study color palette (#F3E5EA, #8DB9DA, #3665C5, #004A51, #140F34)
- Hazy Cornflower Thicket color palette (#F5EDE5, #97CBF2, #5082E4, #006B73, #2A2655)
- Dusty Periwinkle Study color palette (#ECF1E1, #AAD9FF, #66A9EF, #2989AF, #122D56)
- Aged Cerulean Canyon color palette (#EBF9F6, #A6D7EB, #008EA8, #006666, #00475C)
- Denim Station color palette (#E1F3F1, #6298AD, #00506F, #002F36, #001626)
- Petrol Basin color palette (#EFF7F7, #D8DBEB, #819CBB, #367697, #445369)
- Dusty Courtyard color palette (#FEE1FE, #E7B2A9, #D78D68, #8F3053, #462B44)
Browse the whole catalog at Explore, or see today's palette.