Petrol Alley color palette — #D6E5EF · #007396 · #002E49 · #001B2A · #040811

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

The five colors

• Frost (#D6E5EF): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#007396): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#002E49): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#001B2A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#040811): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Hushed Delta color palette (#DCE5F7, #5669C1, #2C3143, #181F2D, #0C0C13)
• Dusty Pier color palette (#E0F4E9, #0094BC, #2F446C, #002B39, #061608)
• Wandering Azure Cabin color palette (#D7EFE3, #00B0E5, #376C94, #2B493C, #06150D)
• Inked Nightshade color palette (#D1E0F5, #0036A9, #24181F, #080730, #00030D)
• Indigo Market color palette (#E2ECFF, #5F71EB, #B13D93, #006D78, #232B5B)
• Shadow Grape color palette (#E4E7F7, #6C00D7, #2C0942, #100426, #04000C)
• Aubergine Courtyard color palette (#ECEBFB, #48005D, #2B141F, #101008, #0C000B)
• Dusty Cerulean Archive color palette (#EAF9F6, #97DDDE, #00909D, #00675E, #004855)

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