Hazy Petrol color palette — #FFF2EC · #71C7D2 · #00799D · #005843 · #00345D
Cerulean takes the lead with Navy close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Aqua (#71C7D2): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#00799D): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Olive (#005843): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#00345D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
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
- Tempered Aqua Station color palette (#DBF9F4, #5BCEDD, #007F94, #005250, #001E27)
- Wandering Basin color palette (#FEF3EA, #70C2F0, #0069D8, #005558, #28286A)
- Weathered Glacier Market color palette (#F5F7E5, #49E1F5, #009DB8, #007271, #003949)
- Denim Coast color palette (#F1E3DC, #59ACBD, #005F84, #003F34, #021E42)
- Antique Cerulean color palette (#FAF4F0, #BEE8D2, #4D90C6, #00716A, #583D54)
- Aged Navy color palette (#EBDDD3, #4C89A3, #003E6E, #002221, #03002E)
- Seafoam Coast color palette (#DBFFE5, #00EAD1, #1AB7F8, #5E6600, #003D31)
- Feathered Jade color palette (#9FFFD8, #00AF88, #00674A, #003724, #001F11)
Browse the whole catalog at Explore, or see today's palette.