Petrol Alley color palette — #D7E8F2 · #00699E · #003E6F · #002252 · #000B42
Built around Peacock, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Frost (#D7E8F2): A whisper-light, dusty blue — the color of open sky before noon.
- Peacock (#00699E): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#003E6F): A deep, shadowed, balanced blue — the color of deep harbor water.
- Midnight (#002252): A deep, shadowed, balanced blue — the color of deep harbor water.
- Deep Indigo (#000B42): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged 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
- Tempered Petrol color palette (#CDF9FD, #00707F, #004C5C, #002A38, #081224)
- Wandering Nightshade Terrace color palette (#CCE3EC, #0084BB, #005193, #080D9D, #0D0051)
- Ultramarine Summit color palette (#DBE8FC, #0056C8, #8B004D, #002865, #240010)
- Antique Lilac Station color palette (#DEE4FA, #A59EF9, #8C70BB, #0B3A77, #0E0F38)
- Nightshade Loft color palette (#CBE2FC, #005BDD, #1609BE, #17006B, #0E003B)
- Nightshade Grove color palette (#D3E8E7, #0098BF, #0066B8, #2F00CF, #200043)
- Nightshade Loft color palette (#CDE7FE, #359AFD, #0057D8, #1525AF, #252D74)
- Ultramarine Villa color palette (#E9EFFF, #2900DD, #700060, #00383C, #020028)
Browse the whole catalog at Explore, or see today's palette.