Petrol Boulevard color palette — #E4DED4 · #60C3C8 · #008399 · #005B4B · #002331
A conversation between Cerulean and Aqua, giving this palette its sense of trust and stability.
The five colors
- Bone (#E4DED4): a clean, paper-quiet neutral.
- Aqua (#60C3C8): A luminous, balanced teal — the color of glacier melt.
- Cerulean (#008399): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#005B4B): A full-bodied, dusty teal — the color of sea glass.
- Midnight (#002331): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Quiet Market color palette (#F9EDDB, #78BCDA, #007BBD, #00585E, #001D48)
- Cerulean Veranda color palette (#E9F9F6, #A2D5E6, #008A99, #00524C, #000F14)
- Timeworn Cerulean Balcony color palette (#E7DEE4, #8FCDD0, #00A2C7, #00815A, #002139)
- Worn Teal Terrace color palette (#EDE5DA, #21A6A6, #006470, #003D2E, #000B11)
- Cornflower Veranda color palette (#FEF4E4, #88D6FF, #0091EF, #00707D, #173063)
- Wandering Turquoise Summit color palette (#FBF4EA, #BEE9E2, #61B0D0, #358A82, #265145)
- Muted Coast color palette (#FCE0F8, #BF00B6, #806600, #006471, #26040B)
- Weathered Stone color palette (#F9F4ED, #C8EBEF, #C6A4C5, #6B907B, #604B5A)
Browse the whole catalog at Explore, or see today's palette.