Petrol Corridor color palette — #EFF7F4 · #9ACDBD · #7A73B6 · #0073B1 · #372931
Built around Cerulean, softened by Slate — the whole palette hums with trust and stability.
The five colors
- Ivory (#EFF7F4): a clean, paper-quiet neutral.
- Pistachio (#9ACDBD): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#7A73B6): A full-bodied, balanced violet — the color of a velvet chair.
- Cerulean (#0073B1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Espresso (#372931): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged duotone, 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
- Cobalt Grove color palette (#F9F3F9, #D6B3D4, #8670AE, #406CB3, #37292F)
- Tempered Cypress Balcony color palette (#F2F7F1, #8ECECA, #3988A4, #007E7A, #24312A)
- Violet Bloom color palette (#EDF4F0, #93CEDF, #9B6DB3, #007F97, #1D1215)
- Weathered Wisteria color palette (#EFF6FA, #99DEF0, #BB83CA, #3B9AB1, #2E2C37)
- Cerulean Summit color palette (#F8F3F8, #DFD7D9, #B4ABA0, #6584AB, #584F58)
- Worn Terracotta color palette (#FFF2ED, #9FA3D4, #816BA0, #83434A, #57404C)
- Chalky Nightshade color palette (#FFF0FC, #D3AEC8, #827EB3, #644C9B, #553373)
- Softworn Boulevard color palette (#FBF3F5, #BAA4D0, #9C527B, #793DA6, #331D1D)
Browse the whole catalog at Explore, or see today's palette.