Petrol Corridor color palette — #EDF4EE · #D4DCF0 · #81A0BD · #437384 · #29374A
Slate and Blue Fog set the tone — five colors that lean into sophistication.
The five colors
- Cream (#EDF4EE): bright and airy, almost weightless.
- Silver (#D4DCF0): A whisper-light, dusty violet — the color of a velvet chair.
- Blue Fog (#81A0BD): A luminous, dusty blue — the color of open sky before noon.
- Slate (#437384): A full-bodied, dusty blue — the color of open sky before noon.
- Deep Teal (#29374A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: 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
- Dusty Turquoise color palette (#DBE5DD, #42AACE, #005E8C, #00393C, #000A1E)
- Petrol Field color palette (#E2ECE4, #6CC3CB, #00778F, #004C41, #001925)
- Cypress Pier color palette (#FBF4EF, #C8EAEA, #AB8DAF, #347B7B, #604B5A)
- Washed Lagoon color palette (#FBF2F6, #D7D4E0, #C1BEEA, #659F94, #454C63)
- Blush Coast color palette (#FAECFF, #D87B98, #86955E, #577D99, #2D2331)
- Stone Balcony color palette (#F6EFFA, #E29BB7, #60AD97, #965E75, #08383C)
- Softworn Cerulean Lagoon color palette (#E8F6EA, #79E5E0, #0094A2, #00654A, #002A36)
- Navy Drift color palette (#E2F4E6, #347FB1, #003979, #001E25, #00000C)
Browse the whole catalog at Explore, or see today's palette.