Petrol Alley color palette — #F0F7F2 · #D2DCDC · #B1C3C4 · #36808E · #414B44

Built around Slate, softened by Stone — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Silver (#D2DCDC): a clean, paper-quiet neutral.
• Stone (#B1C3C4): a calm mid-gray that lets other colors speak.
• Slate (#36808E): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#414B44): 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

• Lagoon Market color palette (#EFF7F5, #DFD4D3, #A79F99, #5E8D80, #4C5552)
• Petrol Balcony color palette (#EEF3EF, #CFDADA, #CABABE, #078490, #243026)
• Timeworn Summit color palette (#DCE9E2, #9BAFA6, #5E8A7E, #003E4F, #00190E)
• Weathered Denim Loft color palette (#FCF2F7, #E2D6D5, #C0AEB3, #625B91, #45353D)
• Tempered Studio color palette (#D8E9E3, #1179AD, #3C2C3E, #11231D, #060E0E)
• Soft Periwinkle Atelier color palette (#E7FAF2, #79E7FF, #68C3F1, #6093DC, #18483B)
• Dusty Azure Chapel color palette (#F1F9E3, #42A4CD, #466C96, #673A6C, #204539)
• Muted Cocoa color palette (#D8FFF4, #C6A7C2, #9F7B92, #7A5E5E, #734006)

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