Petrol Alley color palette — #EEF8F2 · #EADCEC · #BEAEB8 · #0A6F88 · #303E37
Teal takes the lead with Silver close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#EEF8F2): a clean, paper-quiet neutral.
- Silver (#EADCEC): A whisper-light, dusty pink — the color of a candy shop window.
- Ash (#BEAEB8): A luminous, dusty pink — the color of a candy shop window.
- Teal (#0A6F88): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#303E37): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Petrol Summit color palette (#ECF4EF, #DFD4D8, #C7AFBB, #007186, #1A231D)
- Softworn Field color palette (#EDF7FC, #D8D8E5, #C1BBC8, #3D8CA1, #313D43)
- Washed Denim Basin color palette (#FFF0FC, #E6C9D7, #C49AA2, #3455A4, #3E2C3C)
- Aged Station color palette (#DFE8E4, #C7B1C5, #A18493, #004B67, #0F241C)
- Washed Jade Courtyard color palette (#F8F6E5, #6CAC7C, #007362, #2B5541, #35362F)
- Weathered Lantern color palette (#CCEEDB, #90ABE3, #8E6772, #685400, #354700)
- Timeworn Pier color palette (#F0E6EC, #A99398, #876767, #291F58, #12050C)
- Worn Mulberry color palette (#E0F9EA, #00859F, #832D6A, #413C00, #172C0B)
Browse the whole catalog at Explore, or see today's palette.