Hazy Petrol color palette — #E9DCE8 · #74ADB4 · #006F9A · #004D2E · #000C3F
A conversation between Peacock and Deep Indigo, giving this palette its sense of nature and growth.
The five colors
- Silver (#E9DCE8): A whisper-light, dusty pink — the color of peonies in June.
- Blue Fog (#74ADB4): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#006F9A): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004D2E): A deep, shadowed, balanced teal — the color of glacier melt.
- Deep Indigo (#000C3F): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, 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
- Chalky Ultramarine Hollow color palette (#F4E8ED, #6DAACF, #3B60BB, #004A47, #19003D)
- Tempered Ridge color palette (#FDE9E2, #65C8D1, #007098, #004122, #00020D)
- Antique Market color palette (#E6DDD0, #2FA0AB, #005264, #003129, #001623)
- Hazy Aqua color palette (#DFF1E3, #22C6D4, #0092AF, #006E5F, #001623)
- Worn Field color palette (#C3EEF3, #93BAEB, #A97EC6, #006640, #001B2D)
- Washed Cerulean Dune color palette (#DBF1F7, #0099B6, #005A77, #002D3C, #000203)
- Airy Studio color palette (#F3ECF3, #93D1D5, #0093C2, #00713C, #132D54)
- Hushed Terracotta Corridor color palette (#D7EEF5, #008987, #A74200, #00504F, #200700)
Browse the whole catalog at Explore, or see today's palette.