Petrol Corridor color palette — #F6EBF0 · #83BAD6 · #3D66AD · #005049 · #2D2554
Built around Slate, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Blush (#F6EBF0): bright and airy, almost weightless.
- Sky (#83BAD6): A luminous, dusty blue — the color of deep harbor water.
- Slate (#3D66AD): A full-bodied, balanced violet — the color of wild irises.
- Forest (#005049): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#2D2554): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. 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 Petrol color palette (#EEE8E0, #8ABBD5, #0D6FB3, #004A52, #00113D)
- Washed Cobalt Station color palette (#FFF1F5, #B0C8DD, #5E74B8, #00605E, #3F325A)
- Hushed Parlor color palette (#F4EBF6, #79C0BC, #00748C, #09540C, #063050)
- Washed Loft color palette (#FAF2FA, #92DDE1, #008CB5, #006B34, #21406A)
- Wisteria Pier color palette (#E1F4FF, #B8C1FF, #C081B8, #00685E, #163654)
- Softworn Navy color palette (#DDEDEA, #00969F, #006787, #003883, #381A55)
- Muted Basin color palette (#FBF2F6, #D9DEEF, #839ABE, #457782, #4C5169)
- Aged Pier color palette (#CBE6FF, #2F95DE, #005B99, #002555, #00152D)
Browse the whole catalog at Explore, or see today's palette.