Hazy Petrol color palette — #EFF6FF · #74A2DF · #A48541 · #3466A8 · #523F13

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

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Cornflower (#74A2DF): A luminous, balanced blue — the color of deep harbor water.
• Caramel (#A48541): A luminous, balanced gold — the color of old brass.
• Peacock (#3466A8): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#523F13): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Gentle Parlor color palette (#F2F5FF, #9B95DD, #81933F, #6257AA, #3E4720)
• Dusty Amber Dune color palette (#EBF7FF, #5EAACC, #C4704E, #006F93, #58354B)
• Tempered Chapel color palette (#F8EEF8, #82A7D3, #3FA36E, #0064BB, #00301A)
• Cobalt Boulevard color palette (#EFF6FF, #6587CE, #9C7229, #5B6C29, #293850)
• Hushed Grove color palette (#EFF6FF, #91BAF3, #69B88F, #2A7DEA, #0B4F33)
• Tempered Boulevard color palette (#FFF0F9, #C2A07E, #946651, #614761, #2D4334)
• Washed Pier color palette (#EFF6FF, #DED7E5, #EEB4BE, #4C879F, #434B63)
• Softworn Delta color palette (#DFE2FF, #736AFF, #7E7100, #4614CB, #352E00)

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