Petrol Boulevard color palette — #F4F6EF · #7EBF9B · #0077AD · #007247 · #142922
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F4F6EF): bright and airy, almost weightless.
- Mint Leaf (#7EBF9B): A luminous, balanced teal — the color of sea glass.
- Cerulean (#0077AD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#007247): A full-bodied, balanced teal — the color of sea glass.
- Onyx (#142922): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone, 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
- Dusty Fern color palette (#F6F5EF, #A3B789, #007F80, #4C6C00, #182919)
- Timeworn Cobalt color palette (#EFF8F1, #6EBDC8, #4B6BB5, #006C77, #2D1F2B)
- Weathered Cobalt color palette (#F2F3E8, #98C282, #2873D2, #3A7600, #140A14)
- Powdered Mulberry color palette (#FFF4E3, #55A8A0, #1F7492, #82254F, #29452E)
- Weathered Atelier color palette (#EDF9F0, #3CB3CB, #4C47DE, #006171, #15183C)
- Faded Orchard color palette (#E1F8D0, #72B9B7, #008191, #005574, #003F74)
- Hazy Cabin color palette (#EEF7F5, #AFD192, #7986E1, #648F36, #1D2434)
- Worn Lagoon color palette (#F3F6F1, #D4DCDA, #ACC5C3, #008776, #424B3E)
Browse the whole catalog at Explore, or see today's palette.