Petrol Boulevard color palette — #ECF8F9 · #77C0A6 · #0077AD · #007157 · #19262F
Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#ECF8F9): bright and airy, almost weightless.
- Mint Leaf (#77C0A6): A luminous, balanced teal — the color of shallow lagoons.
- Cerulean (#0077AD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#007157): A full-bodied, balanced teal — the color of sea glass.
- Onyx (#19262F): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged duotone, muted, cool.
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
- Softworn Fern color palette (#EEF8F6, #8DBF7B, #007F83, #337016, #17272C)
- Indigo Veranda color palette (#EDF7FD, #71BBD0, #695FBC, #006B80, #1F2331)
- Washed Alley color palette (#EAF4F2, #8DC580, #7963BA, #46713B, #0A0D1C)
- Powdered Grove color palette (#D6FFF7, #48B9C3, #007E9B, #005583, #133673)
- Petrol Basin color palette (#EAFAED, #25ABAF, #0072A4, #783544, #25414E)
- Weathered Villa color palette (#F4F7EA, #8ED998, #7687E0, #4D9258, #2B2028)
- Wandering Ridge color palette (#EFF7F9, #D5DBE3, #B8C0D4, #2F837F, #3E4A4D)
- Antique Navy color palette (#D3ECF0, #00796B, #00306C, #002E28, #000208)
Browse the whole catalog at Explore, or see today's palette.