Petrol Boulevard color palette — #F4F8E4 · #73C5DF · #00789F · #00545D · #003752
A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#F4F8E4): A whisper-light, dusty green — the color of fresh herbs.
- Sky (#73C5DF): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#00789F): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#00545D): A full-bodied, dusty blue — the color of open sky before noon.
- Deep Teal (#003752): 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
- Worn Cobalt Alley color palette (#FBEFE8, #72C9E6, #0078B9, #00524B, #03104C)
- Periwinkle Study color palette (#D9FFF2, #A3CBFF, #8DA4FF, #006786, #0E3B5F)
- Muted Lagoon color palette (#F6F6EA, #96DDDC, #00909A, #00685C, #004853)
- Sky Grove color palette (#E8FAF7, #9EE6FF, #02BAF5, #0095A5, #003753)
- Azure Field color palette (#FEF1F9, #6BDBFF, #0094E3, #00736A, #172E69)
- Weathered Petrol color palette (#F4F6EF, #CBE1E2, #709FC2, #32798D, #31524A)
- Antique Denim color palette (#E7EADF, #80A996, #005E85, #003C47, #002139)
- Linen Azure color palette (#DEF0FF, #0BA6F8, #006191, #00304C, #001D31)
Browse the whole catalog at Explore, or see today's palette.