Petrol Alley color palette — #D3EBFB · #00749C · #292C5B · #191A22 · #00080F
Teal and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#D3EBFB): A whisper-light, dusty blue — the color of open sky before noon.
- Teal (#00749C): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#292C5B): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Ink (#191A22): a grounded near-black with real depth.
- Ink (#00080F): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Creativity, Sophistication. 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
- Eclipse Cypress color palette (#C4E7EC, #007C6E, #00374B, #161C21, #000A08)
- Cellar Denim color palette (#E2F3EC, #005A7C, #332D37, #00163A, #000306)
- Dusty Lilac color palette (#DBDFF0, #A387E7, #695A7A, #373B51, #070E16)
- Hazy Azure color palette (#DAEEFF, #009AE7, #585088, #003858, #00090E)
- Dusty Sapphire Drift color palette (#DBE6F6, #075AEC, #412057, #1D161C, #000420)
- Powder Balcony color palette (#E9F3FF, #8ABBF3, #777A90, #495665, #1B2327)
- Tempered Fern color palette (#D3ECDD, #6C9E8B, #457FA8, #665700, #002111)
- Pine Harbor color palette (#E0F3E3, #8DA251, #00864D, #006072, #0D1200)
Browse the whole catalog at Explore, or see today's palette.