Petrol Alley color palette — #E5F5FC · #7EC0CB · #C68B80 · #028090 · #42263D
Built around Teal, softened by Dusty Rose — the whole palette hums with trust and stability.
The five colors
- Ivory (#E5F5FC): a clean, paper-quiet neutral.
- Ash (#7EC0CB): A luminous, dusty blue — the color of open sky before noon.
- Dusty Rose (#C68B80): A luminous, dusty orange — the color of autumn markets.
- Teal (#028090): A full-bodied, balanced blue — the color of deep harbor water.
- Espresso (#42263D): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: 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
- Tempered Pine Canyon color palette (#E1F7F7, #7FC4A4, #BC8AAB, #2C8461, #372949)
- Wandering Petrol color palette (#EBF3FD, #95B5E5, #B79664, #5373A2, #213723)
- Muted Cerulean color palette (#EAFAEF, #91D0DF, #E89996, #009DB5, #6B3F3E)
- Antique Turquoise Coast color palette (#E3F5FF, #60A8BC, #B47E73, #9C6B57, #142A35)
- Antique Petrol Boulevard color palette (#E8F8FF, #74BEC7, #9E9D57, #00828D, #505023)
- Misty Meadow color palette (#E4F5FF, #00A8D5, #B86F00, #006581, #311A00)
- Washed Driftwood Meadow color palette (#FFECF2, #A9C3AF, #A07484, #6B4D61, #1C3128)
- Muted Petrol color palette (#ECF2FA, #E1BB9A, #486387, #203248, #0E141D)
Browse the whole catalog at Explore, or see today's palette.