Hazy Petrol color palette — #FBEAF3 · #3EB0D6 · #006BAB · #004A46 · #040B3E

Peacock and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#FBEAF3): A whisper-light, dusty pink — the color of neon signs at night.
• Cyan (#3EB0D6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#006BAB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004A46): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#040B3E): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Ancient Teal Meadow color palette (#F7EAF3, #4DB4B1, #007385, #004D2A, #001623)
• Sapphire Corridor color palette (#EADBE0, #81B8E1, #406FD0, #00585F, #1D1840)
• Muted Navy Dune color palette (#F6E5EE, #559AB3, #00498B, #003128, #120044)
• Washed Petrol color palette (#F3EDE4, #94C3AC, #006EA3, #003D40, #00020A)
• Dusty Cobalt Study color palette (#F7EAF2, #75D3F0, #2D8ECC, #006D63, #1D2D4E)
• Lagoon Cabin color palette (#DBF1EC, #009F97, #006457, #002C25, #000404)
• Aqua Cabin color palette (#DDF6EC, #00CEDE, #5090DB, #456900, #001F25)
• Powdered Azure color palette (#FDF1FA, #83EEFF, #28A9DC, #00856B, #1D4168)

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