Petrol Alley color palette — #F8F3F8 · #E3D7DA · #D5B8BC · #58769C · #4C454C

Slate and Stone set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F8F3F8): bright and airy, almost weightless.
• Silver (#E3D7DA): a clean, paper-quiet neutral.
• Stone (#D5B8BC): A luminous, dusty red — the color of embers at dusk.
• Slate (#58769C): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#4C454C): quiet, heavy and certain.

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

• Dusty Basin color palette (#EBF4F1, #DFD0CB, #C9B5B3, #4F799D, #242F2B)
• Driftwood Chapel color palette (#FAF3F7, #E1D7D7, #B1ADA2, #9C748B, #575054)
• Byzantium Hollow color palette (#FDF2F5, #E7D5D0, #DAAFB5, #824EAB, #4D3940)
• Wandering Chestnut Delta color palette (#FFEDF5, #DAAAB9, #9A777B, #8E502F, #5D4900)
• Worn Iris Delta color palette (#FFF0FC, #DADBFA, #9CB0FF, #9278CD, #4D3646)
• Weathered Indigo Atelier color palette (#F0DFEA, #6165C2, #452737, #271A23, #120A0C)
• Muted Aubergine Thicket color palette (#F7EBED, #DAC6C9, #B69899, #703C7E, #362A2D)
• Olive Delta color palette (#F8F5EB, #B8B186, #617E43, #4C6048, #4C4300)

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