Hazy Petrol color palette — #E5EADA · #7CA7C8 · #0068B5 · #00475E · #001233

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

The five colors

• Parchment (#E5EADA): A whisper-light, dusty green — the color of a quiet forest floor.
• Blue Fog (#7CA7C8): A luminous, dusty blue — the color of deep harbor water.
• Cobalt (#0068B5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#00475E): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#001233): A deep, shadowed, dusty blue — the color of open sky before noon.

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

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

• Washed Petrol color palette (#EEF1DF, #5BB0BF, #007289, #004A4B, #001720)
• Softworn Hollow color palette (#DCF4F3, #85BEE9, #0069B7, #003B4F, #00020C)
• Powdered Study color palette (#ECE3DB, #6B95B3, #0039B2, #002F33, #130042)
• Feathered Cornflower color palette (#F7E9EE, #72B8E9, #3679FD, #006C74, #130141)
• Timeworn Chapel color palette (#EDF0E5, #A4CFBF, #478CC3, #006882, #082E56)
• Softworn Azure Field color palette (#F4F7EA, #A8E5FF, #00A8E6, #008092, #00446A)
• Washed Alley color palette (#EEEBC7, #648500, #00718F, #394D00, #00121A)
• Olive Station color palette (#DDEED2, #437600, #00686C, #6B3F00, #030A00)

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