Petrol Alley color palette — #E7F6ED · #66A7BC · #616EA2 · #623C66 · #1B2D0E
Built around Slate, softened by Mulberry — the whole palette hums with nature and growth.
The five colors
- Cream (#E7F6ED): bright and airy, almost weightless.
- Blue Fog (#66A7BC): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#616EA2): A full-bodied, balanced violet — the color of wild irises.
- Mulberry (#623C66): A full-bodied, balanced pink — the color of peonies in June.
- Deep Forest (#1B2D0E): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged 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 Teal color palette (#EDF4EA, #5DAD9C, #407A91, #3E4878, #2D2800)
- Patina Pewter color palette (#F8EFF5, #889ACF, #876191, #6A3C45, #0A2F1E)
- Turquoise Courtyard color palette (#EAF5EE, #4EAAC5, #636F9D, #415323, #1A2D0E)
- Antique Cocoa Chapel color palette (#E9F9F7, #79A579, #5D6E9F, #873628, #2E4B2C)
- Ancient Chapel color palette (#F0F3EC, #C5E1E5, #AD91AF, #3A738E, #422E41)
- Dusty Cerulean color palette (#E6F1E9, #3990A3, #2A4137, #17211B, #080E09)
- Washed Delta color palette (#DCFAEE, #008DC6, #5846AE, #640054, #001D1B)
- Timeworn Cerulean Lantern color palette (#C6F2DC, #85C1E5, #4D86B1, #345A81, #3F2A3F)
Browse the whole catalog at Explore, or see today's palette.