Petrol Alley color palette — #CCE8F3 · #4894AA · #006E9C · #003B3B · #000203
A conversation between Peacock and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Frost (#CCE8F3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#4894AA): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#006E9C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003B3B): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Black (#000203): quiet, heavy and certain.
Feels like: Trust, Stability, Calm, Sophistication. Tagged pastel, light, muted, cool.
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
- Wandering Summit color palette (#DCEBFC, #6D85BE, #615DAB, #003755, #000310)
- Spruce Bloom color palette (#DDF2F1, #57A088, #00746E, #033A06, #000402)
- Indigo Loft color palette (#E6F1E4, #4FABCE, #5A62BE, #004120, #000F12)
- Cobalt Studio color palette (#D6F3DD, #24B3D9, #008AC7, #005557, #001207)
- Patina Terrace color palette (#C9F4FF, #80C4EB, #7C86D1, #00492B, #000102)
- Patina Grove color palette (#D9F0FF, #A6D4F4, #7AA3D9, #006678, #001C2C)
- Iris Courtyard color palette (#DAE7F6, #8EADEA, #797CD3, #004B69, #001028)
- Lowlit Delta color palette (#DBE6F4, #2256A2, #2F0071, #001B47, #010008)
Browse the whole catalog at Explore, or see today's palette.