Hazy Navy color palette — #CCF0F6 · #00A0C8 · #00649E · #002E89 · #242155

Indigo and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#CCF0F6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#00A0C8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#00649E): A full-bodied, balanced blue — the color of open sky before noon.
• Indigo (#002E89): A deep, shadowed, balanced violet — the color of wild irises.
• Deep Indigo (#242155): 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 Navy 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

• Hazy Cobalt color palette (#C9EBFF, #25A1E7, #0075C0, #004990, #072662)
• Worn Loft color palette (#C8EAF9, #008BD5, #1953BF, #342E8E, #3B1F55)
• Aged Lagoon color palette (#D2ECE4, #00A09D, #006877, #003E58, #1F1D4B)
• Softworn Bloom color palette (#ECD6ED, #2B7FDC, #965B00, #00488C, #3D2200)
• Ash Studio color palette (#FAE5FC, #BAB8F2, #BA80AB, #00707F, #2F3459)
• Powdered Indigo Ridge color palette (#BEE5FF, #7CA8E6, #6B6BB8, #5E4D89, #543B62)
• Timeworn Sapphire color palette (#DAEAFF, #0967D0, #835200, #474E0A, #071F3E)
• Cornflower Orchard color palette (#C7E7E0, #F99E2C, #1181EA, #021B38, #160817)

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