Petrol Boulevard color palette — #F9E9F0 · #7FC0E3 · #2667B2 · #003E3F · #010014

A conversation between Cobalt and Sky, giving this palette its sense of trust and stability.

The five colors

• Blush (#F9E9F0): bright and airy, almost weightless.
• Sky (#7FC0E3): A luminous, balanced blue — the color of open sky before noon.
• Cobalt (#2667B2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#003E3F): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#010014): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Balance. 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

• Petrol Loft color palette (#F7EAF2, #7FC5C1, #007485, #004120, #000306)
• Aged Wisteria Grove color palette (#ECF7FF, #B4C5FF, #C985DE, #005B5E, #000511)
• Timeworn Market color palette (#E1E6D5, #83B8D5, #008BCF, #006A80, #00152A)
• Navy Alley color palette (#F7E6D9, #409AC5, #00488F, #003030, #0D063F)
• Weathered Boulevard color palette (#D6E5F2, #006CAA, #844600, #5E3A00, #000103)
• Soft Cerulean color palette (#C6F4F2, #008DA1, #005D78, #002C4E, #01001C)
• Periwinkle Canyon color palette (#C9E4FF, #4397FF, #004F89, #001227, #000104)
• Muted Lagoon color palette (#D4E9FA, #2193DA, #943A00, #004064, #030000)

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