Petrol Alley color palette — #C1E5F5 · #00788B · #002F3F · #00131C · #000407
Built around Teal, softened by Midnight — the whole palette hums with trust and stability.
The five colors
- Powder Blue (#C1E5F5): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#00788B): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#002F3F): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#00131C): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#000407): quiet, heavy and certain.
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
- Cobalt Field color palette (#E1EBF9, #4775B8, #263145, #0D1622, #03070C)
- Weathered Cerulean color palette (#D6E4DB, #0097AD, #004C64, #002C34, #061609)
- Chalky Byzantium Courtyard color palette (#D4E7FF, #337DF3, #AA40B1, #00706F, #041635)
- Patina Cerulean Quarry color palette (#E9F8FF, #00A4B9, #1A3E5D, #001822, #000203)
- Antique Delta color palette (#C1E8F9, #02ACEC, #0075AE, #004575, #002553)
- Wandering Thicket color palette (#E3F7EE, #9DB16F, #51782C, #2D5736, #1C2500)
- Deep Aubergine color palette (#E8EBFF, #593500, #390065, #220D1B, #050009)
- Lapis Boulevard color palette (#ECEEFF, #4E0FF0, #211440, #210F17, #02051E)
Browse the whole catalog at Explore, or see today's palette.