Petrol Boulevard color palette — #EFF6FE · #DAD7E4 · #AFB2C4 · #426594 · #333B46
Built around Peacock, softened by Ash — the whole palette hums with trust and stability.
The five colors
- Ivory (#EFF6FE): a clean, paper-quiet neutral.
- Silver (#DAD7E4): bright and airy, almost weightless.
- Ash (#AFB2C4): A luminous, dusty violet — the color of wild irises.
- Peacock (#426594): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#333B46): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Ancient Basin color palette (#F3F4FE, #D2CEEE, #AE9EC5, #664695, #303240)
- Wandering Lantern color palette (#F9F3F9, #E4D5D6, #CEB9B5, #5D83AE, #423643)
- Washed Ash color palette (#DAE8FF, #B1A2D6, #7B6E93, #4A604F, #215045)
- Dusty Navy color palette (#DEE3EB, #B1B8CF, #8B8CA3, #2B407C, #171F2E)
- Onyx Boulevard color palette (#EFEDF8, #9D96A7, #7B6981, #430E4B, #090811)
- Washed Canyon color palette (#E6FBEE, #96A26B, #496F36, #314E65, #183D32)
- Pale Coast color palette (#F0F5FF, #86CEFF, #919DFF, #9E64B4, #2B3150)
- Chalky Cornflower Archive color palette (#DCF7E1, #4D80EB, #6A4398, #593800, #252F4A)
Browse the whole catalog at Explore, or see today's palette.