Hazy Petrol color palette — #EEDFE7 · #58AED1 · #0068B3 · #004A48 · #080C39
Cobalt takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.
The five colors
- Rose Water (#EEDFE7): a clean, paper-quiet neutral.
- Cyan (#58AED1): A luminous, balanced blue — the color of deep harbor water.
- Cobalt (#0068B3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004A48): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#080C39): A deep, shadowed, balanced violet — the color of wild irises.
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
- Timeworn Terrace color palette (#F4E5F0, #53B3B3, #007288, #004D2F, #001625)
- Misty Cobalt color palette (#F9EBF0, #74B8F0, #4F6FC4, #005862, #1F1641)
- Dusty Petrol Hollow color palette (#F5EDE0, #8BBFD7, #006DA8, #003D42, #00020C)
- Navy Ridge color palette (#EFE2E8, #5999B4, #004791, #003129, #13033E)
- Timeworn Cobalt color palette (#F8EAF2, #8BD0E8, #1A8DD5, #006D64, #1B2B54)
- Powdered Azure Lagoon color palette (#FCF1F9, #8AECFF, #00A9E4, #00856E, #1F416A)
- Plum Grove color palette (#F6D4DF, #B80067, #006B54, #004E5C, #160007)
- Hushed Powder color palette (#FAF2F8, #D2D7EE, #8BB9CD, #63908E, #405665)
Browse the whole catalog at Explore, or see today's palette.