Petrol Alley color palette — #EDF7FC · #D8D8E5 · #B5BBD4 · #00778D · #284451
Teal and Charcoal set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EDF7FC): bright and airy, almost weightless.
- Silver (#D8D8E5): a clean, paper-quiet neutral.
- Ash (#B5BBD4): A luminous, dusty violet — the color of a velvet chair.
- Teal (#00778D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#284451): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Aged Petrol Lantern color palette (#E9F5EF, #C5DBDE, #D0B6CD, #007794, #162A20)
- Denim Courtyard color palette (#E9F0F4, #C5CDD8, #9C9EBB, #005D7A, #1B313E)
- Hushed Orchard color palette (#EFF6FF, #DED6E3, #C1B7CE, #355ED5, #37404F)
- Patina Forest color palette (#D1F5FF, #92B8CC, #4A7F90, #795600, #285115)
- Driftwood Veranda color palette (#F3F5FB, #DED8DD, #B4A9A2, #8479AD, #515259)
- Midnight Petrol Field color palette (#D4E4F4, #006BB5, #2E2348, #011930, #020816)
- Cypress Garden color palette (#E8FBF0, #86B07E, #007B66, #00587C, #22441C)
- Muted Turquoise Orchard color palette (#EFF8F2, #ECD3D0, #AEA597, #2BB6D3, #314539)
Browse the whole catalog at Explore, or see today's palette.