Petrol Corridor color palette — #F5F1EB · #C6E3E4 · #7CA0C2 · #127984 · #422F40
Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Cream (#F5F1EB): bright and airy, almost weightless.
- Silver (#C6E3E4): A whisper-light, dusty teal — the color of sea glass.
- Blue Fog (#7CA0C2): A luminous, dusty blue — the color of deep harbor water.
- Teal (#127984): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#422F40): A deep, shadowed, dusty pink — the color of neon signs at night.
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
- Cypress Archive color palette (#F5F1EB, #CAE0D9, #6DA8AE, #1D7D5C, #1F3D2E)
- Timeworn Periwinkle color palette (#FAF3F6, #D8DFF0, #799BCC, #417B71, #4A516A)
- Washed Corridor color palette (#F3EDE2, #71A4BB, #005D8F, #00393C, #000A20)
- Cypress Balcony color palette (#EDF5E8, #80C3B1, #C884A1, #00856F, #4B2422)
- Patina Petrol color palette (#EFE8DD, #80C0C7, #007791, #004C42, #001826)
- Muted Cerulean Meadow color palette (#F8F1E5, #BDD8BC, #0093A4, #00654C, #002A37)
- Weathered Drift color palette (#FAF4EF, #C6DCE7, #C3BCE9, #46A499, #624253)
- Softworn Navy color palette (#E7E0D5, #4E7EA3, #00377F, #001E26, #01000C)
Browse the whole catalog at Explore, or see today's palette.