Petrol Alley color palette — #E0ECE2 · #72AAC9 · #0069B2 · #004952 · #000745
A conversation between Cobalt and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#E0ECE2): a clean, paper-quiet neutral.
- Blue Fog (#72AAC9): A luminous, dusty blue — the color of open sky before noon.
- Cobalt (#0069B2): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004952): A deep, shadowed, dusty blue — the color of deep harbor water.
- Deep Indigo (#000745): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Petrol Ridge color palette (#E7F0E8, #5FB0BA, #00728C, #004B42, #001623)
- Muted Atelier color palette (#F6EDDE, #78C1E9, #006AB4, #003D44, #000114)
- Gentle Navy color palette (#ECDEE4, #4899C1, #003FA6, #00302B, #16043B)
- Worn Cornflower color palette (#FFEBDC, #6ABBE3, #407FE8, #006E64, #16013F)
- Weathered Periwinkle Chapel color palette (#F0F7F1, #BED8EE, #6A98D3, #00798D, #2B3762)
- Grape Studio color palette (#DEEFE9, #819222, #6C24B8, #414B00, #170030)
- Lagoon Alley color palette (#F1F7F2, #D1E1F2, #75BFCD, #42987F, #35576B)
- Mulberry Summit color palette (#E9EFE0, #557200, #005F98, #8B003E, #050900)
Browse the whole catalog at Explore, or see today's palette.