Petrol Corridor color palette — #E9F1E3 · #599DA1 · #3B688B · #5A3A38 · #322E28
A conversation between Peacock and Storm Blue, giving this palette its sense of trust and stability.
The five colors
- Cream (#E9F1E3): A whisper-light, dusty green — the color of fresh herbs.
- Storm Blue (#599DA1): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#3B688B): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Cocoa (#5A3A38): A deep, shadowed, dusty orange — the color of autumn markets.
- Espresso (#322E28): a grounded near-black with real depth.
Feels like: Trust, Stability, Sophistication. Tagged vintage, retro, 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
- Hushed Cocoa Alley color palette (#C7E7F2, #6A9CCC, #606087, #6B3307, #313029)
- Teal Archive color palette (#DBE9DB, #55AA95, #367B82, #583B5D, #4F2724)
- Quiet Lantern color palette (#CCF3F2, #098EB5, #3A5785, #5B2227, #3D2109)
- Basalt Hollow color palette (#D9EED0, #6FADBE, #5C7DA3, #6E4941, #523A00)
- Teal Pier color palette (#D4E6E4, #00A5AD, #006C80, #004358, #1B2549)
- Timeworn Meadow color palette (#E4E7D2, #2EA372, #006356, #294624, #242D14)
- Hushed Petrol Archive color palette (#F6EDDF, #7ABDD0, #00719B, #00504E, #013053)
- Pewter Balcony color palette (#D5E5EE, #9CB7D6, #8598BC, #97568A, #51273C)
Browse the whole catalog at Explore, or see today's palette.