Hazy Petrol color palette — #A9EFFA · #5DBDDD · #007DA9 · #0F507F · #391F39

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

The five colors

• Sea Foam (#A9EFFA): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#5DBDDD): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#007DA9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#0F507F): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Indigo (#391F39): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

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

• Cerulean Coast color palette (#B2EDE6, #47B3B9, #00899D, #005974, #00304A)
• Ancient Cobalt Cabin color palette (#DCF0FF, #7AABE6, #607BC3, #464884, #2C274C)
• Dusty Azure Studio color palette (#B8F3FB, #69C2E0, #1E9BD2, #0070AD, #294368)
• Quiet Dune color palette (#E2F8F0, #67ACDB, #BB7E43, #006B9F, #3A2002)
• Faded Cobalt Lantern color palette (#FDEBFF, #9BC4F6, #4C7EBA, #144074, #001831)
• Quiet Nightshade color palette (#CAEEFE, #0097E7, #0059B0, #1218AA, #140049)
• Patina Mallow Workshop color palette (#DAFAF1, #FFE2F7, #D3C0F7, #3F8195, #392839)
• Muted Petrol color palette (#D5F0F9, #006A90, #003C60, #001C44, #020021)

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