Petrol Alley color palette — #EFF7F7 · #D8DBEC · #779CC7 · #2D7898 · #43546B
A conversation between Slate and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EFF7F7): bright and airy, almost weightless.
- Silver (#D8DBEC): A whisper-light, dusty violet — the color of wild irises.
- Blue Fog (#779CC7): A luminous, dusty blue — the color of deep harbor water.
- Slate (#2D7898): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#43546B): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, 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
- Tempered Cabin color palette (#F7EFF2, #D9D0E3, #879CC8, #37767E, #303549)
- Timeworn Powder color palette (#F9F4EF, #C4E0F2, #99B1E4, #50929B, #614B57)
- Denim Terrace color palette (#DCF1F0, #73A5C7, #005B96, #003B4D, #001E44)
- Hushed Workshop color palette (#EFF7F5, #C7E2E8, #45999B, #00735F, #105158)
- Muted Petrol color palette (#E3FBF7, #79C5D4, #007A94, #005557, #00394B)
- Lagoon Orchard color palette (#D9ECE8, #519DA2, #00545E, #00302D, #00171E)
- Pewter Villa color palette (#FEF0FF, #BE878C, #A6834C, #8468A0, #4D3B4E)
- Worn Dune color palette (#FAF2FB, #D69FA7, #9E9C63, #B14B62, #2C5745)
Browse the whole catalog at Explore, or see today's palette.