Petrol Boulevard color palette — #F7EBE6 · #6DC6D8 · #006EA5 · #00402C · #010015

Peacock takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F7EBE6): bright and airy, almost weightless.
• Sky (#6DC6D8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#006EA5): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00402C): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#010015): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Wandering Atelier color palette (#F5ECE4, #77BFF1, #3551E5, #003E3D, #04000F)
• Feathered Cornflower color palette (#FCF3ED, #94D6F6, #3777D9, #00524A, #0D032A)
• Tempered Basin color palette (#F3E3EE, #399EB2, #005071, #003128, #001231)
• Muted Market color palette (#E7F3E9, #11C5E1, #0090BA, #006D67, #001527)
• Wandering Byzantium color palette (#F8E3F5, #A900A5, #00675A, #004E44, #030003)
• Airy Terrace color palette (#FFF2EA, #D6E6FB, #3D9CFE, #007461, #1F1A51)
• Muted Basin color palette (#FFEAF9, #FFBDBC, #D48C06, #494CA4, #0B0003)
• Pine Pier color palette (#FDF3EF, #CEDEF7, #01BFF3, #008E41, #16355C)

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