Petrol Alley color palette — #E7E1D7 · #68ABCD · #006AAE · #004951 · #000D3D
Peacock and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#E7E1D7): bright and airy, almost weightless.
- Cyan (#68ABCD): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006AAE): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004951): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Indigo (#000D3D): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Petrol Workshop color palette (#F5EBDC, #68AFB6, #00728A, #004B40, #001623)
- Sapphire Field color palette (#E7E2D9, #86B6E6, #3C6CDB, #00566D, #191746)
- Wandering Petrol color palette (#DAF4F2, #7EC0E3, #006EA4, #003C49, #000308)
- Navy Thicket color palette (#F1E2D6, #369BC5, #00439C, #00302B, #15023E)
- Faded Cobalt color palette (#F5EDE1, #8CCFEC, #208ED1, #006B71, #182E4D)
- Azure Hollow color palette (#FAF4EB, #97E9FF, #00A9E1, #00837F, #184365)
- Plum Drift color palette (#F4DFE3, #BB005B, #4F6400, #004F7B, #160006)
- Washed Raspberry Terrace color palette (#FEDBD7, #D3107C, #007862, #800048, #00140E)
Browse the whole catalog at Explore, or see today's palette.