Hazy Petrol color palette — #F4E6ED · #59AED0 · #0069B1 · #004A47 · #080D37
A conversation between Cobalt and Cyan, giving this palette its sense of trust and stability.
The five colors
- Blush (#F4E6ED): a clean, paper-quiet neutral.
- Cyan (#59AED0): A luminous, balanced blue — the color of open sky before noon.
- Cobalt (#0069B1): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004A47): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#080D37): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, 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
- Sapphire Lantern color palette (#F7EAEE, #82B7E3, #496ECD, #005861, #1F1447)
- Teal Grove color palette (#EADBE5, #00B8B9, #007288, #004D2F, #001625)
- Petrol Chapel color palette (#F5EDE1, #81C1DD, #006DA8, #003D42, #00020C)
- Washed Navy Canyon color palette (#FAE6F0, #499ABB, #004791, #003129, #130042)
- Dusty Cobalt color palette (#F6EBF1, #89D0E9, #2E8DD0, #006D65, #1F2C4D)
- Timeworn Lagoon color palette (#D5F3ED, #009C8E, #00605B, #002C27, #000303)
- Hushed Fern color palette (#D6F3EA, #00CEDA, #608DD2, #316809, #001A1A)
- Plum Grove color palette (#CDE4E7, #008B75, #B10086, #005144, #220018)
Browse the whole catalog at Explore, or see today's palette.