Petrol Alley color palette — #F1E7DD · #87BAE2 · #4A68AC · #004A52 · #150D35
A conversation between Slate and Sky, giving this palette its sense of trust and stability.
The five colors
- Parchment (#F1E7DD): bright and airy, almost weightless.
- Sky (#87BAE2): A luminous, dusty blue — the color of open sky before noon.
- Slate (#4A68AC): A full-bodied, balanced violet — the color of twilight just after sunset.
- Deep Teal (#004A52): A deep, shadowed, dusty blue — the color of deep harbor water.
- Deep Indigo (#150D35): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. 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
- Timeworn Quarry color palette (#F2E6E1, #57C7CC, #007793, #004E35, #00182A)
- Quiet Quarry color palette (#FEEEE7, #89DFF0, #038EC1, #006452, #02244B)
- Azure Villa color palette (#E6FAF9, #D4DBF8, #4795E6, #006586, #0C1D3A)
- Cerulean Alley color palette (#F8E8DD, #0098C2, #004C81, #002C2A, #01001D)
- Ancient Basin color palette (#F7F1EA, #C2EAF0, #B38FAB, #397581, #462D3A)
- Dusty Lagoon Field color palette (#F8EBE5, #00898E, #004353, #002014, #000104)
- Worn Plum Studio color palette (#FEE6EA, #C40057, #006E61, #005662, #1D0007)
- Antique Crimson Summit color palette (#F4E2DE, #DD3162, #007D6D, #850032, #001712)
Browse the whole catalog at Explore, or see today's palette.