Petrol Corridor color palette — #E9F9F9 · #8ABFA6 · #3A9BAC · #4269A3 · #4A395F
Slate takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#E9F9F9): a clean, paper-quiet neutral.
- Mint Leaf (#8ABFA6): A luminous, dusty teal — the color of shallow lagoons.
- Cerulean (#3A9BAC): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#4269A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#4A395F): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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
- Dusty Lantern color palette (#E9F9FA, #7EC1A9, #4299B4, #5863A3, #364A1F)
- Ancient Delta color palette (#F6F6E8, #B4D998, #53AC9B, #3F7387, #3C3732)
- Wandering Lagoon Grove color palette (#EFF7F6, #D4DEED, #86BACD, #34969C, #3A566A)
- Patina Terrace color palette (#E4F5FB, #00AAAF, #1C77B8, #563997, #4D093C)
- Dusty Petrol Courtyard color palette (#EEF8EF, #AF945E, #007D99, #714259, #4A3B56)
- Softworn Mulberry color palette (#EBF7FF, #4FB2D8, #6F7ABF, #833D86, #5B2329)
- Mulberry Grove color palette (#EEF8F0, #C9AD73, #9283B2, #994A6F, #57364A)
- Patina Honey Coast color palette (#FAF5E8, #D7CA6B, #79B0D8, #937BA8, #583936)
Browse the whole catalog at Explore, or see today's palette.