Petrol Boulevard color palette — #DEFFE5 · #00B7C3 · #0071AE · #701A2D · #00161C
Slate and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#DEFFE5): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#00B7C3): A luminous, balanced blue — the color of deep harbor water.
- Slate (#0071AE): A full-bodied, balanced blue — the color of open sky before noon.
- Oxblood (#701A2D): A deep, shadowed, balanced red — the color of a theater curtain.
- Ink (#00161C): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Balance. Tagged retro.
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
- Misty Lagoon color palette (#DEFFE5, #00BD96, #007889, #681C52, #001714)
- Sapphire Station color palette (#DEFFE5, #3AAEE7, #545FBF, #6A2800, #001328)
- Hushed Aqua color palette (#E4FDE9, #2FCBE8, #4E80BD, #7C3A37, #052436)
- Gentle Lagoon color palette (#E8F8FF, #00A4B8, #7349AB, #6C0D00, #090F00)
- Nightshade Boulevard color palette (#FFECC5, #0098C0, #2A4CA7, #520F00, #00040A)
- Garnet Harbor color palette (#EDDBC0, #008790, #00517F, #640020, #062C1A)
- Aged Atelier color palette (#F5E0D0, #008C77, #004C90, #481F00, #001214)
- Cobalt Cabin color palette (#F6D3E1, #00C79C, #078EE1, #965200, #002A2C)
Browse the whole catalog at Explore, or see today's palette.