Hazy Petrol color palette — #D0E9F7 · #0076AE · #004679 · #002553 · #00032C

A conversation between Cerulean and Navy, giving this palette its sense of trust and stability.

The five colors

• Frost (#D0E9F7): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#0076AE): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#004679): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#002553): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#00032C): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, 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

• Frosted Navy color palette (#D0F8FE, #007EA7, #004E8B, #0E0086, #170E4C)
• Dusty Ridge color palette (#D3E6E7, #007D8B, #00505E, #002C39, #000E17)
• Mulberry Lantern color palette (#EBD7EB, #256BBB, #9F0060, #00356C, #160009)
• Hushed Navy color palette (#D2EDF3, #009EC6, #0069B2, #002191, #0A002A)
• Ancient Nightshade color palette (#E6EEFF, #5D75CC, #1B31AB, #0A005F, #00000E)
• Misty Aubergine color palette (#E8DAE9, #0057A7, #78008D, #004541, #00030D)
• Softworn Navy Terrace color palette (#B7EDDD, #7EADE4, #4277C6, #2949A0, #232A52)
• Frosted Navy Bloom color palette (#F1DFED, #A6A9E7, #9B80CC, #00418B, #070828)

Browse the whole catalog at Explore, or see today's palette.