Hazy Petrol color palette — #E9F8FF · #00B5CE · #006AA5 · #00616F · #0A1F30

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

The five colors

• Ivory (#E9F8FF): a clean, paper-quiet neutral.
• Cyan (#00B5CE): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#006AA5): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00616F): A full-bodied, dusty blue — the color of open sky before noon.
• Midnight (#0A1F30): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. Tagged duotone, 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

• Tempered Jade color palette (#E8F9FA, #23BC93, #007181, #00654D, #00212D)
• Antique Grape Studio color palette (#EEF6FF, #48A7FB, #7029E3, #005896, #171B31)
• Violet Drift color palette (#F0F6FE, #87AFF3, #8257AC, #385E9F, #222231)
• Amethyst Workshop color palette (#DEF7FD, #00C0B8, #8149BB, #006964, #07051F)
• Weathered Alley color palette (#E1EDF5, #0097BC, #004D99, #00495C, #030E1C)
• Antique Petrol color palette (#EFF6FB, #D5DAED, #A2BFDE, #007598, #2F434F)
• Faded Violet color palette (#EDF9EB, #00D6CF, #9165EF, #008985, #2B1520)
• Ultramarine Harbor color palette (#FCF1FF, #1F91E5, #324AD8, #75145D, #1C3657)

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