Hazy Petrol color palette — #CFFFEA · #7CD3CD · #3CA5B3 · #006E8D · #003E64
A conversation between Peacock and Cyan, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#CFFFEA): A whisper-light, dusty teal — the color of glacier melt.
- Aqua (#7CD3CD): A luminous, balanced teal — the color of sea glass.
- Cyan (#3CA5B3): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006E8D): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#003E64): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
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
- Softworn Teal Orchard color palette (#E1FFDB, #8ECDA4, #3CA98E, #007774, #004551)
- Chalky Navy Meadow color palette (#D7FEFF, #74CAE5, #509ACC, #3968A7, #2E307B)
- Tempered Cerulean Parlor color palette (#E6FCEA, #6AC4B6, #2E93B2, #8D4A68, #22424C)
- Misty Navy color palette (#E5F8C5, #84C09F, #008585, #005683, #282B82)
- Softworn Navy Courtyard color palette (#C5E8E6, #00C0DC, #0082A7, #00558C, #01067C)
- Frosted Turquoise color palette (#F3F0C3, #8DE7C1, #00C3D7, #2D8EC7, #28397B)
- Weathered Lagoon Summit color palette (#DFF3EE, #009294, #006076, #00334C, #000819)
- Washed Alley color palette (#EEF7F8, #D4DBE2, #B8C2D3, #609D8E, #3A4B4E)
Browse the whole catalog at Explore, or see today's palette.