Petrol Boulevard color palette — #E7EBDF · #73BDEB · #2870A7 · #00485C · #001631
Slate takes the lead with Sky close behind in a set that reads as trust and stability at first glance.
The five colors
- Parchment (#E7EBDF): bright and airy, almost weightless.
- Sky (#73BDEB): A luminous, balanced blue — the color of open sky before noon.
- Slate (#2870A7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#00485C): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#001631): A deep, shadowed, dusty 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
- Aged Petrol color palette (#E4F3E7, #91B6D3, #2E6AA9, #004E5A, #1A2A5A)
- Timeworn Study color palette (#E9EADF, #68C5C5, #007A82, #004C43, #001A1F)
- Timeworn Cobalt Grove color palette (#F0F4E9, #A5CCF3, #4C7CC1, #005679, #2E162C)
- Worn Atelier color palette (#F2F4E2, #6BE4F2, #0093A9, #006260, #002A36)
- Tempered Cerulean Archive color palette (#EEF2DE, #2C97B7, #00516C, #002B30, #00050B)
- Ash Meadow color palette (#F0F3EB, #BFE6EB, #7C9FC7, #437288, #412F40)
- Ancient Cobalt color palette (#F7ECE3, #A3D0BF, #6384CE, #006C67, #312354)
- Linen Olive Archive color palette (#E3EFDA, #477B00, #006C6F, #6D4000, #0C0B00)
Browse the whole catalog at Explore, or see today's palette.