Petrol Corridor color palette — #F2F5FF · #DFD5F9 · #E4A69C · #226FA9 · #3C3A58
Slate and Rose Quartz set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F2F5FF): bright and airy, almost weightless.
- Thistle (#DFD5F9): A whisper-light, dusty violet — the color of twilight just after sunset.
- Rose Quartz (#E4A69C): A luminous, dusty orange — the color of toasted spice.
- Slate (#226FA9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#3C3A58): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Sophistication. Tagged pastel, 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
- Muted Pier color palette (#F8F2FF, #EFD2F0, #CDA56A, #6161A4, #4E3954)
- Cypress Archive color palette (#ECF7FF, #CED2FF, #D29BBA, #00807C, #334463)
- Washed Mallow color palette (#F2F5FF, #E7D3EB, #FFA7C7, #7482C2, #403E57)
- Muted Mallow Chapel color palette (#FFECF4, #FFCCE1, #F29BBB, #5961A3, #341A24)
- Quiet Amber Balcony color palette (#DEE0F9, #D595B2, #CD713E, #004F81, #2F1036)
- Grape Canyon color palette (#FFEFFF, #F7AEBA, #E39500, #5E41BB, #58233D)
- Ash Field color palette (#FFF0FB, #F6D1DC, #EABC9F, #76A7C4, #523A41)
- Mulberry Boulevard color palette (#FFE6FD, #FAC096, #8DA43F, #873A91, #442439)
Browse the whole catalog at Explore, or see today's palette.