Petrol Alley color palette — #E7F2E9 · #8EB7D3 · #186DA6 · #004F55 · #0F2C59
Built around Peacock, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Cream (#E7F2E9): a clean, paper-quiet neutral.
- Ash (#8EB7D3): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#186DA6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004F55): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Navy (#0F2C59): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Weathered Alley color palette (#EEF8F0, #A8C9E6, #4C7AB4, #005D6E, #2E395A)
- Wandering Quarry color palette (#F2E5EB, #96B9D0, #2C69BD, #004C43, #150C37)
- Hushed Powder Market color palette (#E0F1FF, #A9C4FE, #A294CE, #00687B, #132F50)
- Quiet Cerulean color palette (#CBF2F4, #009FB6, #006987, #004668, #002E59)
- Wandering Chapel color palette (#DFE9E1, #69ADA9, #00636C, #00402D, #00242E)
- Airy Delta color palette (#D4EBFF, #489AE3, #005494, #002B49, #00182D)
- Timeworn Periwinkle Canyon color palette (#F5EDE1, #AFE0CA, #36ADFE, #008F9A, #122D56)
- Misty Bronze Orchard color palette (#C6E2F7, #008ABB, #9C5600, #00506E, #401F00)
Browse the whole catalog at Explore, or see today's palette.