Petrol Alley color palette — #C8E6EC · #00768C · #004557 · #002735 · #080D23

Teal and Deep Teal set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#C8E6EC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Teal (#00768C): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004557): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#002735): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#080D23): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.

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

• Obsidian Boulevard color palette (#CCE2F7, #0075BC, #003D64, #001325, #000207)
• Softworn Lagoon color palette (#CEF1DE, #008365, #005042, #002924, #001218)
• Aged Fern Veranda color palette (#D3F9E8, #00688A, #365700, #003143, #081300)
• Pale Atelier color palette (#DCF2EF, #008F9D, #005B75, #00324D, #000447)
• Gentle Navy Garden color palette (#DDF0FF, #006EBD, #003C7A, #000D70, #070C49)
• Tempered Pier color palette (#E4F1FF, #004D8E, #65007B, #003934, #000716)
• Washed Indigo color palette (#D4F5EB, #70A0F1, #616EDB, #004058, #011B39)
• Bronze Orchard color palette (#E8DECD, #796700, #473600, #281900, #0D0C00)

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