Petrol Alley color palette — #E9F4F4 · #BFE1FF · #6C91B8 · #276680 · #1C2D42
A conversation between Peacock and Slate Blue, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E9F4F4): a clean, paper-quiet neutral.
- Powder Blue (#BFE1FF): A whisper-light, dusty blue — the color of open sky before noon.
- Slate Blue (#6C91B8): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#276680): A full-bodied, dusty blue — the color of deep harbor water.
- Midnight (#1C2D42): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Softworn Denim color palette (#E1F1EE, #59AAB8, #006277, #00393A, #000D14)
- Patina Courtyard color palette (#E7F5F5, #9FD8FF, #0788DB, #005E78, #04244B)
- Petrol Harbor color palette (#FAF4EC, #C0E6D9, #708CB3, #266C7D, #5A3C53)
- Cerulean Corridor color palette (#E9F5F2, #8CD6D9, #008C9A, #005C54, #002433)
- Hushed Cerulean Ridge color palette (#CFE8E6, #2683A4, #00415C, #001E24, #000104)
- Dusty Powder color palette (#FCF2F5, #D8D4DE, #9DBBF3, #3F9098, #353E5A)
- Washed Petrol Study color palette (#D8EEEE, #90B8DE, #376BB2, #004764, #071332)
- Hazy Moss color palette (#E3F7F1, #8CB353, #009CC6, #52701E, #002C3B)
Browse the whole catalog at Explore, or see today's palette.