Petrol Alley color palette — #EFDCFF · #E3ABC5 · #B88266 · #2A7E8D · #004E5A
Teal and Caramel set the tone — five colors that lean into trust and stability.
The five colors
- Thistle (#EFDCFF): A whisper-light, dusty violet — the color of wild irises.
- Carnation (#E3ABC5): A luminous, dusty rose — the color of strawberry cream.
- Caramel (#B88266): A luminous, dusty orange — the color of autumn markets.
- Teal (#2A7E8D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004E5A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Optimism, 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
- Patina Petrol color palette (#FFF1F2, #E9A7B1, #A98A6A, #187692, #444B73)
- Timeworn Driftwood Bloom color palette (#FFE8EA, #CEA89D, #A5845F, #537062, #2A4D3E)
- Ash Balcony color palette (#E1EFFF, #E0B4C9, #BB829F, #4C7A5B, #00574C)
- Timeworn Lagoon color palette (#F3F4FF, #FFC7E6, #D39783, #1C858D, #234860)
- Moss Courtyard color palette (#FFE8E7, #D49C75, #828C2F, #575F90, #343A66)
- Hushed Taupe color palette (#F3E2E9, #CB8373, #926B35, #15557A, #063048)
- Hushed Oat color palette (#FFF2ED, #E5D1B7, #B4B098, #8A7883, #5F4756)
- Dusty Navy Grove color palette (#FFE6EC, #AA7C68, #6D612E, #1F3863, #18153D)
Browse the whole catalog at Explore, or see today's palette.