Petrol Boulevard color palette — #E2F2F1 · #98B5CB · #006EA7 · #004D5F · #042F54

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

The five colors

• Cream (#E2F2F1): a clean, paper-quiet neutral.
• Ash (#98B5CB): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#006EA7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#004D5F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Navy (#042F54): A deep, shadowed, balanced 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

• Cobalt Workshop color palette (#EEF7F7, #ABC9E4, #4C7BAD, #005B79, #263B5B)
• Hushed Field color palette (#E5F2EF, #81BFBA, #00777B, #005144, #00353B)
• Faded Sapphire Station color palette (#F3E4EB, #92B9D4, #006AC8, #004B4C, #0E0E3B)
• Chalky Lagoon color palette (#EDF0E5, #A0DCFF, #62ACE3, #1F8BA8, #042F55)
• Denim Study color palette (#DEF1EE, #559BAD, #005269, #002F33, #001623)
• Worn Petrol color palette (#EFF7F7, #D7DBEC, #7B9DBD, #337891, #435468)
• Worn Sapphire Balcony color palette (#E7D7F3, #BD5587, #0066CF, #850052, #002757)
• Powdered Corridor color palette (#FBE2FF, #F4ACA6, #E68768, #952A5E, #56272A)

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