Petrol Alley color palette — #F4EBF4 · #E5D0E1 · #CBADC0 · #4C73A7 · #342A34
A conversation between Slate and Rosewood Mist, giving this palette its sense of trust and stability.
The five colors
- Blush (#F4EBF4): bright and airy, almost weightless.
- Silver (#E5D0E1): A whisper-light, dusty pink — the color of neon signs at night.
- Rosewood Mist (#CBADC0): A luminous, dusty pink — the color of a candy shop window.
- Slate (#4C73A7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#342A34): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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
- Antique Parlor color palette (#F0F7F5, #E3D3CD, #D1B9B3, #177CBF, #13221E)
- Denim Thicket color palette (#E7DDE3, #D2BDC8, #BB9AA7, #545A95, #291924)
- Violet Workshop color palette (#FFF1F5, #F1D6DB, #D7AFCF, #915CB3, #3F2D33)
- Softworn Summit color palette (#FBF2F7, #E6D7D6, #D3BCB8, #8D89B3, #4F444A)
- Tempered Workshop color palette (#F6D3E5, #B99ECF, #A1737A, #864929, #552900)
- Iris Veranda color palette (#FFD1D4, #6B87FF, #704EC1, #732C41, #1E2041)
- Garnet Loft color palette (#EADFDF, #B69E9E, #A27B77, #662A5E, #130506)
- Timeworn Balcony color palette (#FFEDFA, #96C5FF, #90A6FF, #926FE6, #1D1945)
Browse the whole catalog at Explore, or see today's palette.