Petrol Alley color palette — #DBF2E7 · #007CA5 · #213158 · #001925 · #010602
Cerulean takes the lead with Navy close behind in a set that reads as trust and stability at first glance.
The five colors
- Honeydew (#DBF2E7): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#007CA5): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#213158): A deep, shadowed, dusty violet — the color of twilight just after sunset.
- Ink (#001925): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#010602): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged noir, dark, luxury, 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
- Cypress Garden color palette (#E8F3E4, #008476, #003947, #071C01, #040500)
- Muted Sapphire Basin color palette (#F6EAF4, #356AD8, #372B4E, #051434, #000603)
- Weathered Cobalt Corridor color palette (#D8F6EC, #1A88C8, #54334A, #042820, #051009)
- Deep Boulevard color palette (#D1E9FB, #005C80, #382A2E, #001B33, #000A15)
- Cerulean Lantern color palette (#D7F2E6, #0097CE, #375773, #1B362C, #010603)
- Iris Drift color palette (#F7D6EB, #757AD9, #9D7200, #736C00, #191941)
- Wandering Lilac Market color palette (#FAEEF3, #A18ED2, #695153, #44323A, #252024)
- Cerulean Cabin color palette (#FAEBE4, #94D1D6, #0094BA, #006F51, #003052)
Browse the whole catalog at Explore, or see today's palette.