Petrol Alley color palette — #E8FAEF · #7EBBCD · #90A163 · #008099 · #4E4D46
Cerulean takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#E8FAEF): A whisper-light, dusty teal — the color of glacier melt.
- Ash (#7EBBCD): A luminous, dusty blue — the color of a favorite pair of jeans.
- Moss (#90A163): A luminous, balanced green — the color of fresh herbs.
- Cerulean (#008099): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal Brown (#4E4D46): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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 Cypress color palette (#EFF8EB, #80BEB0, #8B95CB, #2F8273, #5F4356)
- Dusty Petrol color palette (#E7F6ED, #85BDD1, #C88C70, #007E9C, #4B2512)
- Hushed Petrol color palette (#FCF1FA, #98B0DD, #C38398, #5872A3, #644440)
- Cerulean Quarry color palette (#EAF7FF, #90CFE6, #E29F82, #009BC0, #6A4230)
- Timeworn Stone color palette (#EAF9F3, #EBD4D2, #E1B1A5, #6E927F, #39514A)
- Softworn Denim color palette (#FFF0F9, #9799D4, #1A9E93, #5C5AA8, #004E48)
- Wandering Denim Pier color palette (#D9FFF2, #A2CDEC, #5B8DAF, #225879, #133C56)
- Antique Denim color palette (#FBF2FA, #9ACDB7, #4B5D84, #453142, #2D2023)
Browse the whole catalog at Explore, or see today's palette.