Petrol Alley color palette — #FFF2EF · #FBD3BA · #AE9D73 · #4F6A9F · #4F323C
A conversation between Slate and Taupe, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FFF2EF): bright and airy, almost weightless.
- Peach Cream (#FBD3BA): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Taupe (#AE9D73): A luminous, dusty gold — the color of old brass.
- Slate (#4F6A9F): A full-bodied, balanced violet — the color of twilight just after sunset.
- Charcoal (#4F323C): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Optimism, Sophistication. 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
- Antique Basalt color palette (#FFF2EC, #EBCFAA, #A4A27F, #896376, #4E2841)
- Tempered Taupe Dune color palette (#FFDDDB, #BD9371, #577B6E, #415A79, #2F4662)
- Feathered Garnet color palette (#FFF2EE, #E1BA81, #7A9B61, #73549D, #55043D)
- Patina Taupe color palette (#D5ECD2, #ABCFB2, #AEAA6E, #5D8E91, #274C52)
- Worn Bloom color palette (#FFF2EA, #DDDDCA, #C1C2AB, #9B828E, #684746)
- Patina Fern color palette (#F6DBC0, #B59C7A, #796F43, #40530B, #192A13)
- Washed Forest color palette (#F9E3CF, #88867E, #006540, #310A35, #040000)
- Washed Veranda color palette (#FEF6C5, #A9CBA4, #569C97, #794558, #471A1D)
Browse the whole catalog at Explore, or see today's palette.