Hazy Petrol color palette — #D7EDDC · #008A98 · #1668AD · #661500 · #041902
A conversation between Peacock and Oxblood, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#D7EDDC): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#008A98): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#1668AD): A full-bodied, balanced blue — the color of deep harbor water.
- Oxblood (#661500): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Ink (#041902): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.
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
- Frosted Garnet color palette (#E1F4E0, #00918E, #006A8C, #7A0039, #0F1700)
- Ultramarine Lantern color palette (#DFF2E9, #008BBA, #0055AF, #772B00, #001417)
- Jade Canyon color palette (#F8D7C0, #28AB79, #0071A4, #753000, #002B29)
- Antique Cornflower color palette (#F0DFEE, #3973DF, #6548BB, #5A3300, #00141E)
- Moonless Petrol color palette (#D3E9D9, #008091, #1D3354, #001A1F, #020601)
- Softworn Byzantium Meadow color palette (#CBF6EA, #0088DA, #9500B4, #564500, #001B31)
- Soft Aubergine Harbor color palette (#D0EBEC, #006250, #5A0074, #540300, #00180F)
- Ultramarine Balcony color palette (#E5E2CE, #879815, #3B4CBF, #5D3900, #1D2200)
Browse the whole catalog at Explore, or see today's palette.