Petrol Alley color palette — #EDF0E7 · #8FBDAC · #0E6DAA · #004D61 · #0B2E53
A conversation between Peacock and Navy, giving this palette its sense of trust and stability.
The five colors
- Cream (#EDF0E7): bright and airy, almost weightless.
- Mint Leaf (#8FBDAC): A luminous, dusty teal — the color of glacier melt.
- Peacock (#0E6DAA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#004D61): A deep, shadowed, dusty blue — the color of open sky before noon.
- Navy (#0B2E53): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Alley 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
- Washed Terrace color palette (#EFEFE7, #9CBB9B, #00767E, #005146, #00353C)
- Ancient Cobalt Atelier color palette (#F4F6F0, #A8CFC4, #4679BD, #005A7E, #28395E)
- Sapphire Parlor color palette (#F0E7DF, #82BBDE, #1E67C9, #004B4E, #110F37)
- Quiet Periwinkle color palette (#E3F2F1, #A5DBFF, #44ABFE, #008BB0, #122E51)
- Aged Denim color palette (#DDE0D3, #589AAF, #00516C, #002F35, #001624)
- Olive Alley color palette (#E1E0C7, #6B8C28, #007693, #3B5200, #002E3B)
- Worn Petrol Atelier color palette (#F4F6F0, #CAE2E4, #AB8DAE, #2E7896, #614960)
- Softworn Fern Boulevard color palette (#F1F1CC, #A9D9AF, #5CAF8A, #546700, #1F3B19)
Browse the whole catalog at Explore, or see today's palette.