Petrol Alley color palette — #C9E7D8 · #007698 · #774E00 · #003C4F · #0E0600

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

The five colors

• Celadon Mist (#C9E7D8): A whisper-light, dusty teal — the color of sea glass.
• Teal (#007698): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#774E00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Teal (#003C4F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#0E0600): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Weathered Hollow color palette (#CFE9DA, #006277, #604800, #2A3D10, #000406)
• Powdered Brick Cabin color palette (#D0EBE1, #0072A9, #A70024, #003A59, #180001)
• Hazy Hollow color palette (#FFE6FD, #2765CE, #615A00, #002E7E, #090800)
• Sunlit Azure Loft color palette (#E0F1FF, #009BE4, #AC6800, #00537C, #0F0500)
• Aged Workshop color palette (#F4EEE2, #657C32, #504300, #361B00, #040600)
• Wandering Lantern color palette (#D1E4DB, #A1A6E5, #C3689C, #00544B, #001128)
• Dusty Aubergine Orchard color palette (#FAE2EE, #6B51CA, #923800, #3B008F, #130300)
• Feathered Nightshade Harbor color palette (#F2E0EC, #6C70FF, #8C6D00, #3D00D2, #1D1400)

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