Petrol Alley color palette — #F0F7F2 · #D1DDDD · #B2C2C5 · #28828D · #404B42

Teal takes the lead with Charcoal close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Silver (#D1DDDD): bright and airy, almost weightless.
• Stone (#B2C2C5): soft and architectural.
• Teal (#28828D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#404B42): A full-bodied, dusty teal — the color of sea glass.

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

• Ancient Garden color palette (#EEF3EF, #CFDADA, #CBBABC, #1C848A, #262F27)
• Softworn Driftwood Ridge color palette (#EFF7F4, #DFD4D2, #A69F97, #638C7E, #4C5552)
• Washed Petrol Atelier color palette (#FAF2F9, #E7D4D6, #D2B2BE, #4468AD, #4A3949)
• Tempered Market color palette (#E7F0EA, #9AAFA7, #8A798A, #003F4C, #04190E)
• Hushed Petrol Atelier color palette (#D5EAE2, #007AAB, #3C2C3B, #10231D, #040F0E)
• Dusty Chestnut color palette (#E1FDEF, #93C4B7, #987C8A, #8C5329, #524F00)
• Patina Orchard color palette (#FFF4E2, #46A6BB, #3E6CA2, #703D3A, #264438)
• Aqua Terrace color palette (#E7FBF2, #85F0EF, #64CAF4, #7689CE, #173D57)

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