Petrol Alley color palette — #EBF3F7 · #CED8E8 · #A8C4D6 · #007985 · #16282F

A conversation between Teal and Ash, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EBF3F7): bright and airy, almost weightless.
• Silver (#CED8E8): A whisper-light, dusty blue — the color of deep harbor water.
• Ash (#A8C4D6): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#007985): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#16282F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Aged Bloom color palette (#E3EAEE, #C1CDD6, #90A7BA, #005F73, #0D171D)
• Worn Cypress Villa color palette (#F0F7F1, #C6E1E1, #C9B4C9, #00797D, #374438)
• Teal Veranda color palette (#EFF7F9, #D7DCE7, #B7AFBB, #00A6AB, #26383E)
• Petrol Summit color palette (#DCF0FF, #00749F, #002C4C, #00121F, #000408)
• Cobalt Parlor color palette (#D8EAFF, #96A9D9, #7873B6, #723353, #3C2440)
• Ultramarine Parlor color palette (#EEF2FA, #CBD3EC, #AFA2D7, #414BBA, #10192D)
• Pale Veranda color palette (#E3F5FF, #26E9FA, #25C9F8, #0089DB, #001C2A)
• Wandering Terrace color palette (#DADFE6, #97A0B2, #6F7A9E, #0E2F78, #01040D)

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