Hazy Petrol Bloom color palette — #E3F2F1 · #85B8DB · #006CB1 · #004C62 · #0F2E53

A conversation between Royal Blue and Navy, giving this palette its sense of trust and stability.

The five colors

• Cream (#E3F2F1): bright and airy, almost weightless.
• Sky (#85B8DB): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#006CB1): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#004C62): A deep, shadowed, dusty blue — the color of open sky before noon.
• Navy (#0F2E53): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Hazy Petrol Bloom 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

• Patina Petrol color palette (#F1E5EA, #7ABCE6, #436BAA, #004B4F, #120E38)
• Tempered Thicket color palette (#EFF7F7, #B0C8E1, #3F77C9, #005A80, #2A3B56)
• Weathered Cypress Harbor color palette (#E2F3EF, #7BC0BB, #00777B, #005144, #00353B)
• Weathered Cerulean Workshop color palette (#ECF8F6, #8EDDE7, #008EA6, #006665, #00475A)
• Wandering Cerulean color palette (#D7E4E2, #349DBD, #00516D, #002F35, #001625)
• Weathered Archive color palette (#EFF7F7, #D8DBEC, #789CC6, #3C7692, #475465)
• Washed Dune color palette (#CAE5DE, #638E17, #007596, #365300, #002E3D)
• Airy Periwinkle Courtyard color palette (#F8EAEF, #A9DBF9, #7AA2F6, #00928A, #302453)

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