Petrol Alley color palette — #FFF4DD · #E3DEB1 · #73C19B · #5964AC · #513467
Slate and Mint Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FFF4DD): A whisper-light, dusty gold — the color of old brass.
- Celadon Mist (#E3DEB1): A whisper-light, dusty green — the color of new leaves after rain.
- Mint Leaf (#73C19B): A luminous, balanced teal — the color of glacier melt.
- Slate (#5964AC): A full-bodied, balanced violet — the color of twilight just after sunset.
- Royal Purple (#513467): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Balance. Tagged vintage, retro, 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
- Faded Indigo Chapel color palette (#E8FED0, #BAEDC9, #4FBEBB, #8464AD, #582A48)
- Ancient Lagoon Pier color palette (#FFEAAC, #A0B77F, #438F68, #495582, #543B65)
- Washed Aubergine color palette (#EAE9D3, #81B398, #3A7876, #513469, #29001D)
- Denim Lagoon color palette (#F9F9CA, #ABC99D, #579C87, #4C4A80, #341838)
- Mint Market color palette (#FFDDD7, #E2CB98, #77C184, #A77191, #663653)
- Hushed Workshop color palette (#F4F8DF, #C5E2D1, #80B9C1, #946B74, #653D3B)
- Aged Garden color palette (#DBFFEC, #74DBD6, #249DCC, #903875, #5A2027)
- Worn Turquoise color palette (#FBF4EA, #B9E9F2, #31C1DD, #008A71, #003B4F)
Browse the whole catalog at Explore, or see today's palette.