Petrol Alley color palette — #FFF0FA · #C9C796 · #656F9B · #53394C · #2B1C27

A conversation between Slate and Pistachio, giving this palette its sense of nature and growth.

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Pistachio (#C9C796): A luminous, dusty green — the color of a quiet forest floor.
• Slate (#656F9B): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal (#53394C): A deep, shadowed, dusty pink — the color of neon signs at night.
• Onyx (#2B1C27): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, 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

• Dusty Stone Pier color palette (#FFE8E8, #B2BC75, #874D70, #4B283D, #221010)
• Petrol Station color palette (#EDF8F4, #F6B0A5, #3C789F, #21465F, #102720)
• Aged Cobalt color palette (#F0F5FF, #EBE9AD, #6471B2, #2B3853, #0A0F1A)
• Iris Station color palette (#FCF2F8, #FFC3C8, #8A8CD5, #5C5E8B, #2A1D25)
• Tempered Market color palette (#F1F5FF, #D69DA2, #4A4B7C, #29294E, #1E1A28)
• Antique Ash Thicket color palette (#FBF2F5, #E4D8D3, #C9BEB4, #9B84AE, #524348)
• Faded Indigo color palette (#FAF2F7, #B8BEFF, #C9746B, #7275CE, #321F17)
• Lilac Lagoon color palette (#FAF6DD, #B9A4E4, #B07087, #1C726A, #50343A)

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