Petrol Boulevard color palette — #E2F4E6 · #4EB1B9 · #00829A · #005F50 · #000B13
A conversation between Cerulean and Cyan, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#E2F4E6): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#4EB1B9): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#00829A): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005F50): A full-bodied, balanced teal — the color of glacier melt.
- Ink (#000B13): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Tempered Grove color palette (#DBE6DD, #42ADDB, #007AC0, #005C64, #000720)
- Denim Veranda color palette (#F9EAF8, #40A3AB, #006082, #003E20, #000720)
- Timeworn Corridor color palette (#DEF5E2, #00C8B2, #22ADBC, #4D6F2F, #001315)
- Emerald Meadow color palette (#E6F4EB, #00A372, #00764A, #00432C, #000201)
- Muted Boulevard color palette (#E7F4E9, #86C6FF, #598FF0, #007994, #171A42)
- Patina Summit color palette (#EAEBDD, #638167, #00444D, #001F1D, #000202)
- Aged Azure color palette (#E4F3E7, #9BDFF9, #39AFF3, #009095, #0B2E55)
- Lapis Alley color palette (#D9F9E1, #008545, #4347EB, #9D270F, #000301)
Browse the whole catalog at Explore, or see today's palette.