Petrol Alley color palette — #D9EAEB · #007186 · #184B68 · #26163C · #14001C
Teal and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#D9EAEB): a clean, paper-quiet neutral.
- Teal (#007186): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#184B68): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Indigo (#26163C): A deep, shadowed, dusty violet — the color of wild irises.
- Ink (#14001C): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged vintage, retro, 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
- Tempered Corridor color palette (#CDECFE, #1D70BA, #293D75, #33122F, #16000A)
- Weathered Coast color palette (#DBF2E4, #007662, #004F4E, #021F43, #060031)
- Wandering Aubergine Bloom color palette (#D4E4F0, #00638A, #7A0077, #002E42, #080007)
- Patina Cerulean Chapel color palette (#D9EDEB, #1B97C0, #005071, #002B32, #00050C)
- Feathered Denim Villa color palette (#C6E7DF, #398490, #135087, #4E0423, #350800)
- Hazy Quarry color palette (#D3F8FF, #00A1D1, #2074B7, #563C68, #3B1639)
- Turquoise Boulevard color palette (#D9F5E1, #27A9BB, #34618A, #4B2000, #120400)
- Driftwood Lantern color palette (#DBDEEE, #8175AE, #5F4470, #3A233B, #20051A)
Browse the whole catalog at Explore, or see today's palette.