Petrol Boulevard color palette — #ECF1E3 · #8CB7D8 · #246BAB · #004C64 · #0C2C59
Slate takes the lead with Navy close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#ECF1E3): bright and airy, almost weightless.
- Sky (#8CB7D8): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#246BAB): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#004C64): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Navy (#0C2C59): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
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
- Sapphire Harbor color palette (#EEE8E2, #8EB9D8, #3967BE, #004A50, #130D37)
- Petrol Summit color palette (#EEF0E0, #97BCA2, #00748D, #004F51, #003345)
- Hushed Cobalt color palette (#F6EBEF, #AAC8E3, #5D85CF, #006B73, #2A245A)
- Linen Periwinkle Basin color palette (#E6F1F0, #ACD9FB, #4AAAFF, #008BB2, #162E4F)
- Powdered Azure Workshop color palette (#C9E3ED, #009ECE, #006088, #003E64, #201E4D)
- Worn Corridor color palette (#DEE1D5, #6198AD, #00506F, #002F36, #001625)
- Cerulean Courtyard color palette (#F5F7E8, #B4D9BC, #008EA6, #006665, #00475A)
- Patina Plum color palette (#C6E6DD, #3084C8, #A93780, #004C7F, #461033)
Browse the whole catalog at Explore, or see today's palette.