Hazy Petrol color palette — #FFF3E2 · #22BAAC · #0071AF · #583700 · #001619

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

The five colors

• Cream (#FFF3E2): A whisper-light, dusty gold — the color of old brass.
• Turquoise (#22BAAC): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#0071AF): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#583700): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#001619): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Balance. Tagged retro.

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

• Frosted Indigo color palette (#FDF6D7, #00B4D8, #585FBB, #454100, #001423)
• Worn Atelier color palette (#FFF4E1, #61C9D0, #4D7DC9, #674C00, #002631)
• Hazy Lapis color palette (#EFFAE3, #05AB81, #624AC0, #5E2500, #001202)
• Frosted Garnet color palette (#FFF2EC, #6AB76F, #007982, #7A001E, #00170F)
• Weathered Delta color palette (#FFECC2, #009BAF, #2D43BB, #332B00, #000409)
• Navy Boulevard color palette (#FFD4BD, #00888F, #154898, #552200, #00283A)
• Pine Loft color palette (#FBF5E7, #ADC491, #3A8858, #005D61, #111C00)
• Dusty Alley color palette (#FFF2EC, #CCF1D2, #00A1CA, #006D4F, #002039)

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