Petrol Boulevard color palette — #DFEDF7 · #0072B2 · #003B6D · #000E2E · #00000C
Cerulean and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#DFEDF7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#0072B2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#003B6D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Ink (#000E2E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#00000C): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Depth, Luxury. Tagged dark, muted, cool.
Use it as a design system
One click turns Petrol Boulevard 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 Station color palette (#C0E7ED, #007C8F, #004456, #001520, #000103)
- Wandering Atelier color palette (#CEE8EE, #0081B1, #005AA1, #1C2688, #0C0029)
- Aged Delta color palette (#E2EEFF, #2362DA, #1C00B4, #110053, #010009)
- Powdered Nightshade Grove color palette (#E8ECFA, #6477E2, #2B00AE, #190514, #030020)
- Wandering Lilac Villa color palette (#F3E0ED, #ACA9E6, #A37CD9, #003984, #010009)
- Lapis Terrace color palette (#DFE4FF, #432BD1, #7D005C, #003942, #01000A)
- Patina Workshop color palette (#F6DFEE, #5957D0, #9F0034, #24007E, #040000)
- Lowlit Amethyst Quarry color palette (#E2E1FA, #7646CF, #53008C, #1D0032, #030005)
Browse the whole catalog at Explore, or see today's palette.