Hazy Petrol color palette — #E4F8EA · #009FB5 · #3C63A6 · #4D3364 · #002614

A conversation between Peacock and Cerulean, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#E4F8EA): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#009FB5): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#3C63A6): A full-bodied, balanced violet — the color of a velvet chair.
• Royal Purple (#4D3364): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Forest (#002614): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Creativity, 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

• Softworn Lagoon color palette (#ECF5E7, #00A48F, #006F90, #343A72, #221F00)
• Aged Azure Chapel color palette (#E8F5F1, #56A3DF, #726A9A, #643D58, #1B2D18)
• Weathered Cerulean Meadow color palette (#F0F3EB, #B5E9D9, #5E91C7, #2C667E, #372437)
• Tempered Lagoon Study color palette (#E6F9FF, #009C9E, #645896, #72312B, #323D11)
• Powdered Orchard color palette (#C5EBDA, #007CA7, #4500CC, #4D004A, #00120F)
• Hazy Sky color palette (#B3ECFF, #33BAEB, #0087BD, #114E77, #06362D)
• Muted Petrol color palette (#D0E8D7, #008495, #1F372C, #0D1911, #040704)
• Aqua Terrace color palette (#E4F8E7, #5BF2E4, #00D6E7, #2E94B7, #0A2916)

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