Petrol Corridor color palette — #F1F3EC · #C6E0E1 · #75A2C3 · #2B7689 · #243B36
Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Cream (#F1F3EC): a clean, paper-quiet neutral.
- Silver (#C6E0E1): A whisper-light, dusty teal — the color of glacier melt.
- Blue Fog (#75A2C3): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#2B7689): A full-bodied, dusty blue — the color of deep harbor water.
- Forest (#243B36): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, 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
- Denim Basin color palette (#DDE0D1, #66A6C1, #005F87, #003842, #000C19)
- Timeworn Petrol Lagoon color palette (#E9EADC, #83BFC6, #00788B, #004B49, #001922)
- Dusty Bloom color palette (#FBF2F6, #D9DFF0, #7B9CC5, #467785, #4A5265)
- Cerulean Thicket color palette (#F2F3EA, #A1DDDC, #00949F, #006358, #002B32)
- Navy Parlor color palette (#E1E6D6, #477EAA, #003B73, #001D2A, #000108)
- Aged Periwinkle Pier color palette (#FFEDEC, #DA9FB9, #639FE5, #995B78, #3C293D)
- Softworn Amber color palette (#FFEDE9, #CB868E, #AF8540, #846C9F, #35221C)
- Timeworn Cocoa color palette (#FDEEEA, #E0D6C9, #BAC397, #AB7C8B, #62250B)
Browse the whole catalog at Explore, or see today's palette.