Petrol Alley color palette — #D2E7E5 · #5EC0DE · #0080A8 · #005861 · #002235
A conversation between Cerulean and Cyan, giving this palette its sense of trust and stability.
The five colors
- Silver (#D2E7E5): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#5EC0DE): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#0080A8): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005861): A full-bodied, dusty blue — the color of open sky before noon.
- Midnight (#002235): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. 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
- Airy Atelier color palette (#D6E9E9, #78B7F4, #2D72D1, #005477, #0F1C41)
- Antique Cobalt color palette (#E1F3F2, #8FCDF4, #478CC4, #006883, #132F4F)
- Muted Hollow color palette (#DBE6DD, #7AA5BC, #005F85, #003E3E, #00203E)
- Azure Workshop color palette (#F0EAE2, #A2CBB4, #009EDA, #007D7D, #00203E)
- Worn Corridor color palette (#FFF0FA, #9AD6EC, #267DCC, #005343, #090033)
- Feathered Azure Orchard color palette (#E8F9F8, #AAE5FF, #00A7EA, #008094, #144365)
- Seafoam Balcony color palette (#E8FAF6, #31E6E5, #009FA9, #007466, #003A43)
- Softworn Lagoon color palette (#EEE1FF, #DA36AB, #007AC0, #91006E, #001C32)
Browse the whole catalog at Explore, or see today's palette.