Petrol Boulevard color palette — #E9F8FE · #3C97A1 · #2965A3 · #51367D · #522740
Peacock takes the lead with Royal Purple close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#E9F8FE): bright and airy, almost weightless.
- Cerulean (#3C97A1): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#2965A3): A full-bodied, balanced blue — the color of open sky before noon.
- Royal Purple (#51367D): A full-bodied, balanced violet — the color of wild irises.
- Mulberry (#522740): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Trust, Stability, Creativity, Balance. Tagged 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
- Quiet Mulberry color palette (#EDF6FF, #588EB9, #6355A0, #702660, #5C2322)
- Antique Pewter Coast color palette (#D1F3FF, #A3C4D6, #758EA2, #5E6186, #5E425F)
- Mulberry Bloom color palette (#EDF6FF, #508FC1, #69539F, #742555, #004143)
- Nightshade Balcony color palette (#D2ECFE, #00799E, #361EC7, #53005E, #490019)
- Antique Dune color palette (#EDF8F6, #C0E3EF, #3799A9, #00716B, #274D5F)
- Sunlit Garnet color palette (#E6F6F0, #859742, #006BA0, #6F1D3C, #301700)
- Hushed Mint color palette (#F1F8E9, #47DBAB, #30B0D3, #6F79AB, #393831)
- Worn Aubergine color palette (#DAE1F2, #585EB2, #72017D, #5A0020, #341600)
Browse the whole catalog at Explore, or see today's palette.