Hazy Navy color palette — #CCFAF9 · #00AACC · #0068A0 · #002C82 · #150134

Navy and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#CCFAF9): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#00AACC): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#0068A0): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#002C82): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Indigo (#150134): 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

• Ultramarine Studio color palette (#BFEBF6, #00A8E5, #005ABC, #32167E, #10001B)
• Teal Harbor color palette (#D6E6E0, #00A9AC, #00687F, #00315C, #05002B)
• Airy Navy color palette (#D2F2F4, #00849C, #005478, #002669, #160B4E)
• Ancient Azure color palette (#CCEAF8, #00A4E2, #007CBB, #005996, #001A3C)
• Tempered Azure Alley color palette (#D0F9EA, #009CE1, #A26E00, #00537A, #0D0600)
• Powdered Ultramarine Market color palette (#D2F4FA, #0089C9, #1F2EE6, #29005E, #07000C)
• Dusty Ultramarine Terrace color palette (#F0F5FF, #7CB1FF, #3055CF, #00196D, #000108)
• Aged Amethyst Drift color palette (#D5E9FA, #6397FF, #773AE0, #550E77, #1A0016)

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