Petrol Alley color palette — #E0ECF9 · #1168B2 · #6A1000 · #2B2600 · #000302

A conversation between Cobalt and Oxblood, giving this palette its sense of nature and growth.

The five colors

• Frost (#E0ECF9): A whisper-light, dusty blue — the color of open sky before noon.
• Cobalt (#1168B2): A full-bodied, balanced blue — the color of deep harbor water.
• Oxblood (#6A1000): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#2B2600): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#000302): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant, 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

• Worn Garnet Atelier color palette (#C1E5F9, #005F74, #780045, #3F2500, #000303)
• Wandering Ultramarine Study color palette (#E0EBFF, #2000F2, #6D2A00, #222E00, #000203)
• Antique Lapis color palette (#DBE2F1, #532DFF, #82003B, #312500, #000A07)
• Sapphire Summit color palette (#F4EDDE, #4454FF, #681D8E, #3A2800, #0B0327)
• Tempered Parlor color palette (#E7EAFF, #7E00D0, #533700, #002F14, #000204)
• Airy Balcony color palette (#E9F3FF, #2885FB, #913700, #444D00, #001A1B)
• Obsidian Navy color palette (#D7E2F4, #101296, #4C001C, #131200, #000204)
• Chalky Balcony color palette (#F7DCE9, #7C58E2, #B50069, #4F4A00, #000204)

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