Petrol Boulevard color palette — #F0EBE3 · #81BDC6 · #0081A1 · #005A51 · #002235
Cerulean takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F0EBE3): bright and airy, almost weightless.
- Ash (#81BDC6): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#0081A1): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005A51): A full-bodied, dusty teal — the color of glacier melt.
- Midnight (#002235): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Cobalt Field color palette (#F5EDE1, #89B8D9, #3875C0, #005766, #0E1651)
- Dusty Cerulean color palette (#EAFAED, #7FDDEB, #0087A8, #00524A, #000E1A)
- Antique Archive color palette (#F3EEE6, #A5D0BA, #398EC4, #006B70, #0C2E56)
- Washed Boulevard color palette (#F4E9E5, #52AEBB, #005E87, #004028, #0D1C43)
- Dusty Azure color palette (#EAD9E6, #7ECFDB, #219DD9, #008155, #0C1C45)
- Worn Lagoon Courtyard color palette (#F8F5EF, #C3E5E2, #6BAED3, #008C8B, #2D4A67)
- Jade Studio color palette (#D3E8DD, #3AB484, #007457, #003D2A, #001008)
- Lagoon Courtyard color palette (#F8F5EF, #CFE3DC, #97BCA0, #3E9979, #345243)
Browse the whole catalog at Explore, or see today's palette.