Petrol Alley color palette — #D6F0F4 · #007B92 · #004F62 · #002A3B · #000C16

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

The five colors

• Frost (#D6F0F4): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#007B92): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#004F62): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#002A3B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000C16): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Aged Fern color palette (#D3EBFA, #007494, #426400, #003E52, #030700)
• Cypress Bloom color palette (#CCE8D8, #007A5B, #005746, #00322C, #00110F)
• Cobalt Terrace color palette (#D6E4F1, #1F83C8, #00496F, #001B2D, #000205)
• Muted Harbor color palette (#DAE8F5, #80A9E1, #6A7EC9, #005A79, #000B1C)
• Gentle Navy Veranda color palette (#D5EAFA, #0075BF, #004797, #001965, #020029)
• Hushed Archive color palette (#CFE3F5, #005E8D, #6C00A6, #00483B, #000205)
• Pale Cobalt Boulevard color palette (#C7EAFC, #3AA2DF, #007FCC, #004E93, #05285D)
• Bronze Pier color palette (#E0F5E5, #7F6E26, #574200, #322000, #040300)

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