Petrol Alley color palette — #E2FFDF · #93EBF8 · #2EB0D9 · #006FAA · #323F66
A conversation between Peacock and Cyan, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#E2FFDF): A whisper-light, dusty green — the color of a quiet forest floor.
- Ice Blue (#93EBF8): A whisper-light, balanced blue — the color of deep harbor water.
- Cyan (#2EB0D9): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#006FAA): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#323F66): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged cool.
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
- Teal Drift color palette (#EFFBD4, #9EECD3, #00B8B8, #007F90, #0C4862)
- Indigo Chapel color palette (#DBFFEC, #A2D8FF, #73A7F8, #5B68C0, #43345E)
- Worn Turquoise Lantern color palette (#B1F1FF, #00BDE3, #008BB1, #005271, #003125)
- Feathered Denim Grove color palette (#D8FFF4, #DBDEF7, #57A3E0, #11579F, #00233E)
- Weathered Canyon color palette (#CBF9FC, #008BA3, #00577B, #001F41, #020013)
- Iris Study color palette (#DEFEED, #CCE8FF, #8DB3ED, #797CC7, #6A4856)
- Chalky Study color palette (#EBF9F3, #A4DDFF, #F7A46C, #0095CF, #532E12)
- Airy Ultramarine color palette (#E5FAFF, #17C1F6, #0087DE, #3200E9, #24056B)
Browse the whole catalog at Explore, or see today's palette.