Petrol Alley color palette — #E7EEDD · #8A7200 · #0069A4 · #0B0D18 · #000205
Peacock and Walnut set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#E7EEDD): A whisper-light, dusty green — the color of new leaves after rain.
- Walnut (#8A7200): A full-bodied, balanced green — the color of a quiet forest floor.
- Peacock (#0069A4): A full-bodied, balanced blue — the color of open sky before noon.
- Ink (#0B0D18): A deep, shadowed, dusty violet — the color of twilight just after sunset.
- Black (#000205): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged neon, dark, vibrant, 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
- Antique Archive color palette (#F4E7CD, #C44400, #006F86, #090F14, #000204)
- Feathered Lapis Courtyard color palette (#D8EAC9, #897300, #3725F6, #10041E, #00010A)
- Softworn Crimson Harbor color palette (#DFF4DB, #EA004C, #00878F, #001315, #000300)
- Hushed Aubergine color palette (#DFE0E8, #9B97A5, #7D6880, #340070, #060719)
- Nocturne Corridor color palette (#E4E1BE, #B0003B, #004CAA, #140B16, #030003)
- Scarlet Cabin color palette (#E5E9DB, #E50223, #0067E1, #0D0920, #000207)
- Inked Pier color palette (#D7E1F0, #785900, #01004E, #170C1A, #000015)
- Misty Drift color palette (#D3E4DF, #919D25, #7400E9, #19021B, #01010B)
Browse the whole catalog at Explore, or see today's palette.