Petrol Alley color palette — #E4F2EF · #7CBEC8 · #00758A · #00504F · #003343
A conversation between Teal and Ash, giving this palette its sense of trust and stability.
The five colors
- Cream (#E4F2EF): a clean, paper-quiet neutral.
- Ash (#7CBEC8): A luminous, dusty blue — the color of deep harbor water.
- Teal (#00758A): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00504F): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Teal (#003343): A deep, shadowed, 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
- Cerulean Boulevard color palette (#EBF9F7, #89D1E7, #2483A6, #005E67, #1D3E55)
- Dusty Turquoise Quarry color palette (#D3E9E7, #4EAAD4, #005E89, #003C48, #00213B)
- Powdered Atelier color palette (#D1FBFE, #4CE7CF, #36B4B9, #306E47, #103A3F)
- Softworn Lagoon color palette (#D4E5E1, #37A19F, #005459, #003129, #00181C)
- Sunlit Drift color palette (#F5EBF3, #A0DFE9, #4BAFE7, #009663, #182B59)
- Muted Pine Studio color palette (#D6F0E3, #007F5A, #00678A, #594D00, #002719)
- Tempered Moss Loft color palette (#DDE7D3, #48A100, #066C16, #004A23, #00302E)
- Frosted Emerald color palette (#C5E6E3, #00984A, #A34F00, #005928, #431D00)
Browse the whole catalog at Explore, or see today's palette.