Petrol Boulevard color palette — #C5E5F6 · #519FD4 · #006FB1 · #00417C · #06224F
Built around Slate, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Frost (#C5E5F6): A whisper-light, dusty blue — the color of deep harbor water.
- Cornflower (#519FD4): A luminous, balanced blue — the color of deep harbor water.
- Slate (#006FB1): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#00417C): A deep, shadowed, balanced blue — the color of deep harbor water.
- Midnight (#06224F): A deep, shadowed, balanced blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, 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
- Hazy Nightshade Archive color palette (#CBE1F9, #6C99E0, #3D5DB9, #262692, #1B1944)
- Hushed Cobalt Bloom color palette (#D6E6EF, #3EB3F4, #0086D2, #1362AF, #24395C)
- Cerulean Boulevard color palette (#D8EDEE, #00A1AF, #006E7F, #004E5F, #002635)
- Washed Market color palette (#DDEDFA, #0070BF, #004498, #02057E, #03002E)
- Powdered Ultramarine color palette (#F3E3F2, #6B92D0, #BD4F80, #004CB6, #3A001E)
- Softworn Aubergine color palette (#E4E7FB, #928CD5, #7250B5, #521885, #311447)
- Softworn Petrol color palette (#FFEBFB, #F0CEE4, #BBAEE9, #256AB0, #311B2D)
- Hazy Thicket color palette (#D5F9ED, #1B83C3, #8357A5, #006B5A, #001912)
Browse the whole catalog at Explore, or see today's palette.