Hazy Petrol color palette — #CFF0EC · #4DAEB9 · #00738E · #003C5A · #001343
Teal and Midnight set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#CFF0EC): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#4DAEB9): A luminous, balanced blue — the color of deep harbor water.
- Teal (#00738E): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#003C5A): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#001343): A deep, shadowed, balanced violet — the color of wild irises.
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
- Muted Teal color palette (#D1F0DA, #55B193, #007976, #004550, #001C27)
- Navy Courtyard color palette (#DCF5F8, #4BAFCC, #0073A8, #00309B, #110048)
- Linen Basin color palette (#D3EFEE, #0088A0, #005171, #001E42, #020027)
- Linen Aubergine Grove color palette (#E5F5E8, #00B6A4, #00708F, #004784, #331F75)
- Ancient Alley color palette (#9BF9EE, #28C3D1, #0092B5, #00608E, #022A72)
- Aubergine Harbor color palette (#E0FFDD, #81E1CD, #00A3BB, #005298, #210065)
- Faded Bloom color palette (#F3E7D5, #2E9B9F, #006290, #6D0029, #001E0E)
- Wandering Bloom color palette (#EEF3EE, #CDD9D7, #AABCB4, #007471, #192419)
Browse the whole catalog at Explore, or see today's palette.