Petrol Boulevard color palette — #CDE9F4 · #0077A1 · #004D70 · #00243D · #000B1D
Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Frost (#CDE9F4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#0077A1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#004D70): A deep, shadowed, balanced blue — the color of open sky before noon.
- Midnight (#00243D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000B1D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged 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
- Cypress Summit color palette (#D2E9E1, #007C71, #004D49, #002829, #000F11)
- Hazy Navy color palette (#D6E8F6, #006DB7, #003F89, #000F67, #030030)
- Feathered Forest color palette (#DCEEFF, #0071AE, #006B21, #00395C, #000B01)
- Quiet Cerulean color palette (#CDF4FF, #0086AF, #00537E, #002C56, #210444)
- Navy Field color palette (#D1E9EB, #00ACD6, #006EA4, #00337C, #0A0030)
- Linen Periwinkle color palette (#D9E9F3, #4BA8EF, #3C81CA, #2E5283, #182843)
- Airy Cornflower Atelier color palette (#E5EDFA, #2C79EF, #003D8E, #001944, #000106)
- Hushed Iris color palette (#E3EBFB, #96A8F7, #8774C7, #02487D, #040D26)
Browse the whole catalog at Explore, or see today's palette.