Hazy Petrol color palette — #FFF2EB · #72C6DB · #0076AA · #00574B · #0E3066
A conversation between Cerulean and Navy, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF2EB): bright and airy, almost weightless.
- Sky (#72C6DB): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0076AA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00574B): A full-bodied, dusty teal — the color of glacier melt.
- Navy (#0E3066): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Trust, Stability, 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
- Aged Petrol color palette (#F7ECE7, #9ABB9D, #00748E, #005238, #02314E)
- Powdered Sapphire Lagoon color palette (#FFF3E6, #8ABDED, #4B64C7, #005460, #362367)
- Hushed Cerulean Courtyard color palette (#F5F6EB, #97D6E7, #009BC3, #007178, #00384F)
- Faded Cornflower Cabin color palette (#FFF3E7, #A8DACD, #6078D1, #006473, #413668)
- Softworn Denim color palette (#EEDBD1, #75A7BA, #005C92, #003E3A, #0D1B46)
- Aged Lilac Studio color palette (#E8F8FF, #C0D8FF, #B992F3, #00786A, #00395A)
- Airy Atelier color palette (#FFF0FA, #90E9FF, #2EB7FC, #009A85, #093069)
- Misty Rust color palette (#BEEDFF, #0093B6, #C72F00, #00576D, #570F00)
Browse the whole catalog at Explore, or see today's palette.