Petrol Alley color palette — #EDF6FF · #73A5D1 · #B77C20 · #006AAB · #583C13
Built around Peacock, softened by Mustard — the whole palette hums with trust and stability.
The five colors
- Ivory (#EDF6FF): bright and airy, almost weightless.
- Blue Fog (#73A5D1): A luminous, balanced blue — the color of open sky before noon.
- Mustard (#B77C20): A luminous, balanced gold — the color of old brass.
- Peacock (#006AAB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Cocoa (#583C13): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Trust, Stability, Optimism, Balance. Tagged 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
- Chalky Lantern color palette (#E9F8FF, #62ACBD, #C66D55, #007285, #673021)
- Lapis Workshop color palette (#F1F5FF, #919ADA, #988B3C, #5353C5, #4B430E)
- Denim Delta color palette (#E9F3FE, #71A7E6, #D17923, #0661AF, #3C1A2B)
- Gentle Dune color palette (#E5FBF3, #6FC1F8, #D89532, #2388C3, #583C16)
- Misty Olive Canyon color palette (#EEF6FF, #558BCA, #BC5564, #447900, #253950)
- Antique Bronze Alley color palette (#EAFAF1, #86B2A3, #7B7536, #664E10, #23443E)
- Gentle Ultramarine color palette (#D6E6FF, #5177FD, #8E6A00, #2100E5, #3C2B00)
- Patina Mustard color palette (#E4FBF4, #9FD2FF, #ECB162, #64A5DC, #46413C)
Browse the whole catalog at Explore, or see today's palette.