Petrol Alley color palette — #E1EEF8 · #007DAA · #003E64 · #001321 · #000103
Cerulean and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#E1EEF8): a clean, paper-quiet neutral.
- Cerulean (#007DAA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#003E64): A deep, shadowed, balanced blue — the color of deep harbor water.
- Ink (#001321): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#000103): a grounded near-black with real depth.
Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged monochrome, dark, muted, 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
- Hushed Canyon color palette (#DBEDFF, #4E9AFF, #0065A6, #002C4F, #000616)
- Nightshade Drift color palette (#DFEBF9, #1568DD, #001FA3, #000E20, #000105)
- Bronze Ridge color palette (#E3E3C6, #8E6600, #006A93, #090C14, #000103)
- Dusty Sapphire Ridge color palette (#D9E3F0, #125ED7, #690029, #002363, #030004)
- Linen Orchid Hollow color palette (#D4ECF7, #6B9FE7, #A451C1, #004E38, #000812)
- Tempered Cobalt color palette (#E9F3FF, #ABCCFB, #6A83C7, #344A77, #0A1F35)
- Deep Aubergine Workshop color palette (#EBE9FF, #7454CD, #3D008C, #140039, #010009)
- Ancient Grape Field color palette (#F2E5FF, #B293DE, #8142AF, #3D176E, #140022)
Browse the whole catalog at Explore, or see today's palette.