Petrol Corridor color palette — #F4E4EA · #87BBD9 · #4A6AA6 · #004C46 · #18073B
Built around Slate, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Rose Water (#F4E4EA): bright and airy, almost weightless.
- Sky (#87BBD9): A luminous, dusty blue — the color of open sky before noon.
- Slate (#4A6AA6): A full-bodied, balanced violet — the color of twilight just after sunset.
- Forest (#004C46): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#18073B): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, 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
- Timeworn Forest color palette (#F1E5F1, #8ABDCA, #007793, #005013, #00162E)
- Wandering Drift color palette (#F8EFF2, #B0CBE4, #6D78AC, #005B5D, #27163B)
- Dusty Petrol Summit color palette (#E7F2E9, #92B6D2, #236AAE, #004E59, #192A59)
- Dusty Cerulean color palette (#FBEDF9, #9BDDE3, #228EBB, #00663A, #042154)
- Weathered Cypress color palette (#F8EFF2, #D9D0E3, #8B9BC6, #2E7876, #30344E)
- Weathered Byzantium Boulevard color palette (#E9D8F1, #8A4AA7, #586600, #135529, #15001E)
- Hazy Denim Drift color palette (#E6E8FF, #F6B1D7, #C88776, #1A6494, #280C2C)
- Dusty Drift color palette (#EBDEE6, #5994A4, #004D7E, #002D21, #02001C)
Browse the whole catalog at Explore, or see today's palette.