Petrol Corridor color palette — #EEF4EF · #D5DBED · #79A0C9 · #007988 · #27374E
A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Cream (#EEF4EF): bright and airy, almost weightless.
- Silver (#D5DBED): A whisper-light, dusty violet — the color of twilight just after sunset.
- Blue Fog (#79A0C9): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007988): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#27374E): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Softworn Denim Alley color palette (#E0EAE2, #6DA5C0, #005C94, #00393E, #000823)
- Timeworn Ash Workshop color palette (#FAF4EF, #C8E9EA, #7F99C9, #3D7B74, #614B56)
- Ancient Petrol Alley color palette (#E3ECE4, #81BFC9, #007794, #004C44, #001827)
- Washed Basin color palette (#ECF4EE, #A1DCDD, #0093A7, #00644F, #002938)
- Weathered Drift color palette (#E8F3EA, #529895, #00535C, #002D1F, #000508)
- Lagoon Balcony color palette (#FAF3F6, #D8D4DF, #C1BDE4, #52A19B, #474C64)
- Tempered Bronze color palette (#FCEDF3, #D5A987, #6AA3CF, #A85B00, #17334B)
- Softworn Navy color palette (#DCE6DE, #5E7C98, #00308E, #001E27, #01000B)
Browse the whole catalog at Explore, or see today's palette.