Petrol Alley color palette — #EDF0E4 · #88B9D2 · #1A6F9F · #004D5D · #003054
A conversation between Peacock and Navy, giving this palette its sense of trust and stability.
The five colors
- Cream (#EDF0E4): a clean, paper-quiet neutral.
- Ash (#88B9D2): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#1A6F9F): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#004D5D): A deep, shadowed, dusty blue — the color of deep harbor water.
- Navy (#003054): A deep, shadowed, balanced 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
- Timeworn Bloom color palette (#F0E7E0, #95BEAC, #2A6DB3, #004B4B, #0D1038)
- Cobalt Lantern color palette (#F4F7EE, #A7CFC2, #417CB6, #005B78, #213A61)
- Ancient Lantern color palette (#EDEDDF, #67ADA9, #006468, #003F35, #002429)
- Washed Grove color palette (#E5F2F0, #B1D9F5, #25AFF9, #008DA7, #003053)
- Dusty Petrol Dune color palette (#F4F6EF, #C5E7E9, #779EBF, #3A788C, #5E4B60)
- Navy Drift color palette (#DFE6D3, #5885AD, #003B78, #00202F, #00032A)
- Tempered Bronze Coast color palette (#F2D9C2, #B66911, #007F4C, #6C3B00, #00321B)
- Linen Ridge color palette (#FFEBD6, #E1B977, #ADA162, #81471B, #472E07)
Browse the whole catalog at Explore, or see today's palette.