Petrol Alley color palette — #EDF6FF · #66A7D6 · #BC7739 · #006CA4 · #5F3814
A conversation between Peacock and Caramel, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EDF6FF): bright and airy, almost weightless.
- Cornflower (#66A7D6): A luminous, balanced blue — the color of deep harbor water.
- Caramel (#BC7739): A luminous, balanced gold — the color of honey in a jar.
- Peacock (#006CA4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Cocoa (#5F3814): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Trust, Stability, Optimism, Balance. Tagged warm.
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
- Pale Orchard color palette (#E7F4FF, #6FAADB, #BC7D48, #006AA7, #3E1E00)
- Quiet Corridor color palette (#F0F5FF, #8B9AE0, #9C8844, #515EA8, #4F4109)
- Marigold Summit color palette (#EAF9F2, #74C3E9, #D29842, #008CBA, #573D15)
- Chalky Corridor color palette (#E5F9FF, #37B4B3, #BE6F78, #007574, #603338)
- Olive Ridge color palette (#EEF6FF, #558DC3, #AC616F, #56742D, #223A52)
- Muted Pewter Archive color palette (#E5FCEE, #8AB1A2, #7C7342, #3C5A41, #29433D)
- Linen Canyon color palette (#D8E5FF, #427AFE, #8B6B00, #012FCF, #3A2B00)
- Antique Apricot color palette (#E3FCF3, #9AD3FF, #FBA767, #54A7E1, #47413C)
Browse the whole catalog at Explore, or see today's palette.