Petrol Alley color palette — #E9F4F8 · #D2D6E7 · #B1BFE1 · #007983 · #102931
Teal takes the lead with Sky close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#E9F4F8): a clean, paper-quiet neutral.
- Silver (#D2D6E7): A whisper-light, dusty violet — the color of twilight just after sunset.
- Sky (#B1BFE1): A luminous, dusty violet — the color of twilight just after sunset.
- Teal (#007983): A full-bodied, balanced blue — the color of deep harbor water.
- Onyx (#102931): A deep, shadowed, dusty blue — the color of deep harbor water.
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 Cabin color palette (#ECF7FD, #D4D9E9, #AEBED0, #00778B, #344249)
- Aged Cobalt color palette (#EBF3FB, #DAD3E3, #C3B8E1, #156BBF, #1C2631)
- Aged Boulevard color palette (#E1EBEF, #C3CCD8, #9BA2C0, #006071, #0C181D)
- Wandering Dune color palette (#F0F7F2, #CCE3E3, #D7C2B2, #00A3BD, #2C3830)
- Charred Petrol color palette (#D7EDFE, #0073A6, #271E57, #001221, #000406)
- Indigo Bloom color palette (#D2F2E3, #63BADE, #7C69B2, #4F5C07, #2D3403)
- Wandering Pier color palette (#E2F8EA, #8CB66E, #007E5E, #00546F, #132602)
- Aubergine Dune color palette (#DFE1EC, #8F8A9E, #7B6080, #31076A, #010108)
Browse the whole catalog at Explore, or see today's palette.