Petrol Alley color palette — #FDF3EE · #D29583 · #878843 · #00758F · #472F2D
Built around Teal, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#FDF3EE): bright and airy, almost weightless.
- Camel (#D29583): A luminous, dusty orange — the color of toasted spice.
- Moss (#878843): A luminous, balanced green — the color of fresh herbs.
- Teal (#00758F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Espresso (#472F2D): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, 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
- Softworn Quarry color palette (#FBF4EC, #C29867, #5F9C66, #436FAF, #422A24)
- Hushed Cypress Cabin color palette (#FFF2F1, #D094B0, #AF7D51, #007C67, #3D2B32)
- Antique Petrol color palette (#FCF4E5, #E7ABB5, #B68858, #4771A2, #4E4642)
- Ancient Denim color palette (#FBF4E7, #AF9956, #008B81, #654B94, #342214)
- Aged Blush Canyon color palette (#FAF2FE, #F58AA6, #3AA9AA, #3F7E7F, #1F2431)
- Soft Amber color palette (#FFF2EA, #DD743B, #008339, #005C94, #3D0911)
- Wandering Taupe Archive color palette (#FBF3F1, #DDDAD3, #AEB7AA, #C88789, #5C4F4B)
- Softworn Dune color palette (#FAF0E9, #C48D72, #745002, #572A00, #281F1D)
Browse the whole catalog at Explore, or see today's palette.