Hazy Petrol color palette — #F0E4DE · #6EADB9 · #006DA1 · #004C34 · #040643

A conversation between Peacock and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Parchment (#F0E4DE): a clean, paper-quiet neutral.
• Blue Fog (#6EADB9): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#006DA1): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004C34): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#040643): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Pale Bloom color palette (#EBE1D7, #77A8CD, #475CBB, #004A4A, #1C0139)
• Muted Meadow color palette (#F6EAF2, #71C6D4, #006FA1, #00402A, #000016)
• Denim Meadow color palette (#E5F0E7, #569BA9, #00516A, #00302D, #001626)
• Patina Cerulean Ridge color palette (#F3E9DA, #65BFD1, #0090B9, #006E66, #001626)
• Faded Corridor color palette (#F7ECE7, #94D0D8, #3690BE, #007046, #172B58)
• Faded Pine color palette (#FFF2EE, #A5EAE9, #00ACD6, #078935, #0C4073)
• Washed Lagoon color palette (#FAF4EE, #C0E8EA, #91A4D0, #418884, #5D3C4C)
• Patina Plum color palette (#FFE5F5, #AF008D, #006C4F, #004E51, #14000E)

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