Worn Petrol Alley color palette — #FFF1F4 · #FACDC7 · #CBA678 · #5C6DA7 · #56302F

A conversation between Slate and Camel, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Shell Pink (#FACDC7): A whisper-light, dusty orange — the color of sun-warmed clay.
• Camel (#CBA678): A luminous, dusty gold — the color of afternoon light on wheat.
• Slate (#5C6DA7): A full-bodied, balanced violet — the color of twilight just after sunset.
• Cocoa (#56302F): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, Creativity, Sophistication. Tagged pastel, light, muted.

Use it as a design system

One click turns Worn 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

• Muted Atelier color palette (#FFF2EF, #EBDABA, #BAB883, #7E5885, #662B0A)
• Wandering Iris Garden color palette (#FFF1F3, #F9D1CC, #EEB692, #9972C5, #553433)
• Patina Lantern color palette (#FFF0FA, #EBC6F6, #E2A1AA, #2B7687, #533848)
• Muted Grape color palette (#F4EFFF, #FFC8DF, #D89E98, #7F52A3, #2F1F3D)
• Grape Study color palette (#FFF1F3, #FFBEA0, #A4AD3B, #79409F, #5A1D10)
• Tempered Station color palette (#FBE2D5, #B88D62, #885444, #682F3F, #33302A)
• Muted Amber color palette (#FCE0E4, #DB9C9C, #BE8634, #3E3F83, #3A0C21)
• Chestnut Villa color palette (#FFF2EE, #E0DDCE, #BACAA9, #AE818B, #7D431D)

Browse the whole catalog at Explore, or see today's palette.