Petrol Alley color palette — #EEF0E4 · #7CBDCD · #007391 · #004F54 · #003347

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

The five colors

• Cream (#EEF0E4): bright and airy, almost weightless.
• Ash (#7CBDCD): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#007391): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004F54): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Teal (#003347): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Powdered Meadow color palette (#EBF1E1, #87B6E3, #2167BC, #004B69, #1E2D4C)
• Washed Quarry color palette (#F4F6EE, #8DD0ED, #0982B4, #005E6C, #1B4339)
• Patina Field color palette (#F4F6EE, #C1EAE8, #6BA1BC, #407981, #335247)
• Hushed Lagoon Courtyard color palette (#EBECDD, #00A3A9, #00545D, #00302C, #00171D)
• Seafoam Corridor color palette (#BFFBEA, #63E9DF, #3FB5C1, #006B48, #293A20)
• Softworn Periwinkle Parlor color palette (#F6ECE7, #B7DEC5, #51ACF2, #009471, #1F275E)
• Sapphire Meadow color palette (#D9E2CA, #009664, #1063D4, #005738, #0D284F)
• Pale Denim Pier color palette (#C8EADE, #007E65, #006594, #535000, #152406)

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