Petrol Alley color palette — #EDF9F0 · #7ABCC7 · #C38879 · #008190 · #753B17

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

The five colors

• Ivory (#EDF9F0): a clean, paper-quiet neutral.
• Ash (#7ABCC7): A luminous, dusty blue — the color of open sky before noon.
• Caramel (#C38879): A luminous, dusty orange — the color of autumn markets.
• Teal (#008190): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#753B17): A full-bodied, balanced orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Optimism, Balance. Tagged 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

• Amber Coast color palette (#EAF5EB, #6FC4C5, #D28668, #0E8284, #362F2B)
• Weathered Pine Pier color palette (#F2F7EB, #89BEA2, #C081AB, #0A875B, #694042)
• Weathered Cobalt color palette (#FAF2FA, #96B2D9, #B4935D, #3E73BB, #514C46)
• Patina Cerulean color palette (#E7F9FF, #81D4DB, #E89B84, #009FA8, #5F4356)
• Soft Bronze Field color palette (#DBFFEF, #29B1E7, #AB5500, #006588, #5C2B00)
• Washed Driftwood color palette (#EAFAEF, #5EA4B5, #B171A1, #867630, #34483C)
• Softworn Bronze color palette (#FEF3E8, #C4B6A2, #A5753D, #7F5137, #5B4400)
• Lagoon Cabin color palette (#EAFAEF, #C0E9ED, #EDCBE4, #509892, #3C5148)

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