Petrol Alley color palette — #CBE3F0 · #366B9B · #2D385B · #2F092D · #1D0002
A conversation between Slate and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Frost (#CBE3F0): A whisper-light, dusty blue — the color of deep harbor water.
- Slate (#366B9B): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#2D385B): A deep, shadowed, dusty violet — the color of wild irises.
- Deep Indigo (#2F092D): A deep, shadowed, balanced pink — the color of neon signs at night.
- Ink (#1D0002): A deep, shadowed, dusty orange — the color of toasted spice.
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
- Wandering Navy Studio color palette (#D1E8EC, #396B7F, #00416A, #301243, #260027)
- Muted Balcony color palette (#E1E7FF, #685E8F, #4A295C, #3D0511, #260300)
- Washed Petrol Market color palette (#CEE4F1, #618EB5, #55689B, #643B63, #250506)
- Moonless Thicket color palette (#D9F4E5, #1B6B75, #0E375F, #261000, #020300)
- Denim Cabin color palette (#D0EEFF, #005E89, #00355B, #00152D, #060116)
- Navy Bloom color palette (#DEEBFC, #004CA6, #730043, #001E4A, #120007)
- Worn Atelier color palette (#CCE4E4, #5584B4, #003880, #002030, #01022B)
- Hushed Thicket color palette (#D6E9E1, #3D8996, #32518D, #422700, #141600)
Browse the whole catalog at Explore, or see today's palette.