Petrol Alley color palette — #E1F2F1 · #6DC2ED · #006EA4 · #003C49 · #000308
A conversation between Peacock and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#E1F2F1): bright and airy, almost weightless.
- Sky (#6DC2ED): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006EA4): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#003C49): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000308): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Dusty Aqua color palette (#E3F2EE, #50CDC7, #00767A, #003F34, #000304)
- Hazy Ridge color palette (#E2FBFB, #A3D0FF, #477AC5, #004C6D, #02082A)
- Worn Villa color palette (#E6DED1, #5F91AC, #004C7F, #002B30, #000218)
- Weathered Cobalt color palette (#DAE6DC, #80B9D6, #0088DD, #006B76, #000D3D)
- Dusty Periwinkle Boulevard color palette (#EDF8F7, #D9DDE8, #6EACE5, #1F7997, #182F4C)
- Plum Pier color palette (#EFDEE0, #BD0054, #794D00, #53208A, #040001)
- Amber Delta color palette (#ECDCE1, #B47800, #6F4100, #371800, #000200)
- Patina Courtyard color palette (#FFE0E9, #E2007C, #7A6600, #70003B, #020100)
Browse the whole catalog at Explore, or see today's palette.