Petrol Boulevard color palette — #E7F6F1 · #5594C5 · #30689B · #5A3900 · #002037
A conversation between Peacock and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E7F6F1): bright and airy, almost weightless.
- Cerulean (#5594C5): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#30689B): A full-bodied, balanced blue — the color of deep harbor water.
- Cocoa (#5A3900): A deep, shadowed, dusty gold — the color of old brass.
- Midnight (#002037): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Optimism, Calm, Balance. 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
- Weathered Pewter Ridge color palette (#EAF6E9, #23A19E, #79528E, #3B4700, #002423)
- Patina Boulevard color palette (#DDF4EB, #2585B6, #95243B, #003E2F, #001624)
- Patina Garden color palette (#CFE6DF, #1F7ABD, #422735, #011B15, #030804)
- Washed Petrol Orchard color palette (#F6F2E2, #929246, #4063A4, #5C3700, #202000)
- Mulberry Bloom color palette (#E9FAF3, #2793C7, #8E3F8D, #6B3A00, #194129)
- Sapphire Meadow color palette (#F1DCEE, #3F63C4, #5A4200, #00301D, #000F06)
- Washed Garnet color palette (#E7F6EF, #3D98C4, #924D4F, #731C26, #241E00)
- Ancient Boulevard color palette (#FCEDF2, #9B7DBE, #835C0B, #573B00, #00251D)
Browse the whole catalog at Explore, or see today's palette.