Petrol Alley color palette — #F7DCE6 · #B6A46E · #809057 · #2C6C97 · #182145
Built around Peacock, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Shell Pink (#F7DCE6): A whisper-light, dusty rose — the color of a warm blush.
- Camel (#B6A46E): A luminous, dusty green — the color of fresh herbs.
- Moss (#809057): A luminous, balanced green — the color of new leaves after rain.
- Peacock (#2C6C97): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#182145): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged vintage, retro, 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 Orchard color palette (#EDDFEA, #D69060, #958037, #007684, #023049)
- Washed Lagoon Workshop color palette (#E9DEC3, #99A87A, #55956F, #4E5E90, #34204A)
- Taupe Workshop color palette (#FDD7D8, #CDA375, #677D53, #443B69, #160A32)
- Jade Basin color palette (#F3E5C7, #B6C383, #23B575, #5F6CB6, #4F2F6E)
- Raspberry Boulevard color palette (#DCECE5, #8E9400, #008EC2, #CB1D80, #121300)
- Teal Veranda color palette (#D4F6EF, #8CC4A9, #59ADAE, #727096, #51263A)
- Antique Bronze color palette (#EEDEBE, #977C36, #4F5B30, #00322D, #001315)
- Hushed Parlor color palette (#D8E7DF, #BCB42D, #805BE9, #7A7400, #1F014D)
Browse the whole catalog at Explore, or see today's palette.