Hazy Petrol color palette — #EEF6FF · #F9A278 · #216DAA · #003D68 · #0B1C2B

Slate and Melon set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EEF6FF): a clean, paper-quiet neutral.
• Melon (#F9A278): A luminous, balanced orange — the color of autumn markets.
• Slate (#216DAA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#003D68): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#0B1C2B): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Balance. Tagged luxury, dark.

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

• Timeworn Sapphire Courtyard color palette (#F0F5FF, #D0BB54, #4D61B5, #27346F, #0C1934)
• Tempered Cobalt Chapel color palette (#E4FBF5, #FFCBB5, #006EB8, #003055, #000A07)
• Muted Denim Cabin color palette (#D0E0F3, #DB924F, #205499, #10294B, #030B18)
• Iris Summit color palette (#F0F5FF, #DFD6E5, #CFB7CC, #6D80CF, #374050)
• Weathered Jade color palette (#E7FAF3, #6EB57D, #004E70, #002A3F, #002117)
• Soft Azure Alley color palette (#ECF7FF, #8FE6A0, #0099D4, #00638C, #091D2A)
• Dusty Veranda color palette (#F4F4FE, #ABDDD2, #88739C, #4A4B61, #2A2A34)
• Soft Coast color palette (#E1E9F7, #A59319, #2A3795, #0E1441, #00010F)

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