Petrol Alley color palette — #F7EFF7 · #E6D1D1 · #D4B7BA · #386CAB · #2A222A

A conversation between Slate and Rosewood Mist, giving this palette its sense of trust and stability.

The five colors

• Blush (#F7EFF7): bright and airy, almost weightless.
• Silver (#E6D1D1): A whisper-light, dusty red — the color of late-summer berries.
• Rosewood Mist (#D4B7BA): A luminous, dusty red — the color of embers at dusk.
• Slate (#386CAB): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#2A222A): a grounded near-black with real depth.

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

• Petrol Workshop color palette (#FAF2F9, #E6D4D7, #CFB3C2, #4B67AC, #4B3948)
• Hushed Chapel color palette (#EFE6EE, #DBC4CD, #B99B9C, #355292, #1B131A)
• Dusty Petrol Coast color palette (#EBF5EC, #BEE0E4, #D1B6C6, #007984, #1B291E)
• Dusty Iris Pier color palette (#F0F6FD, #DCD8E3, #BEB0AA, #7292CC, #2B3644)
• Mulberry Alley color palette (#FFECF0, #ECCBC6, #C2A495, #80368F, #271318)
• Driftwood Harbor color palette (#F9EFF0, #DFD6CE, #AEB1A4, #A0767B, #3C3435)
• Lilac Harbor color palette (#C9EBFE, #A99AED, #98647A, #3C5F40, #30312A)
• Worn Cornflower color palette (#FFEAFC, #3A78FF, #725700, #3B3C00, #0F1D00)

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