Petrol Boulevard color palette — #FFF0F9 · #79C4DB · #0074B0 · #00574E · #152E68

Cerulean and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Sky (#79C4DB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#0074B0): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00574E): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#152E68): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Muted Sapphire color palette (#EDF9EB, #84BDF2, #4763CD, #005460, #361F6D)
• Muted Drift color palette (#F1F4E3, #7DC8DF, #007DA2, #005058, #001D2D)
• Ancient Market color palette (#FEF1F9, #97DDDB, #008EA6, #006B3F, #004565)
• Denim Pier color palette (#F0DDE7, #65A9C5, #005A97, #003E3B, #0E184C)
• Patina Cypress color palette (#FDF2F6, #C8E0F3, #718BB5, #007076, #3D4761)
• Gentle Sky color palette (#FFF2EB, #9BE7FF, #44B4FE, #00998B, #172F65)
• Navy Atelier color palette (#F7E8ED, #5E85A2, #0E3388, #002225, #090028)
• Raspberry Study color palette (#EEDCE5, #C2188B, #00774D, #006055, #41092D)

Browse the whole catalog at Explore, or see today's palette.