Petrol Alley color palette — #F2E7DF · #8ABBD4 · #336DAB · #004B4B · #0C0943
Slate takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.
The five colors
- Parchment (#F2E7DF): a clean, paper-quiet neutral.
- Sky (#8ABBD4): A luminous, dusty blue — the color of open sky before noon.
- Slate (#336DAB): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004B4B): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#0C0943): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, 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
- Weathered Petrol color palette (#F4E6DF, #9FBCA4, #007696, #004D38, #00172C)
- Muted Petrol Veranda color palette (#EDF0E5, #82BAD5, #0070A3, #004D5D, #0D304C)
- Wandering Meadow color palette (#F9F0E9, #A7D2C4, #607BB2, #005A62, #1E1A40)
- Worn Lagoon color palette (#EDF8F7, #D1DDFA, #189CDD, #00677A, #002039)
- Wandering Denim Studio color palette (#FDEBE2, #4397A9, #004F72, #002C25, #000412)
- Cypress Courtyard color palette (#F6F1EC, #CAE1E2, #7F9ECB, #047A7F, #452D3D)
- Antique Lagoon color palette (#ADF2E9, #00A69B, #00645D, #00312C, #000907)
- Plum Villa color palette (#E1F3DA, #009483, #AC2B93, #005249, #26001E)
Browse the whole catalog at Explore, or see today's palette.