Navy Harbor color palette — #DDEFF2 · #0078A6 · #00497C · #10007D · #09001F

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

The five colors

• Frost (#DDEFF2): bright and airy, almost weightless.
• Cerulean (#0078A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#00497C): A deep, shadowed, balanced blue — the color of deep harbor water.
• Deep Indigo (#10007D): A deep, shadowed, vivid violet — the color of wild irises.
• Ink (#09001F): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

Use it as a design system

One click turns Navy Harbor 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

• Dusty Onyx Atelier color palette (#DEF4F3, #007C8C, #004A66, #00294C, #01002E)
• Nightshade Balcony color palette (#D6E9E9, #0086AB, #0065A2, #2725A2, #0D001C)
• Hushed Ultramarine Drift color palette (#C9E4F4, #006DB9, #1600E1, #25006E, #150025)
• Cobalt Thicket color palette (#F8E8FA, #006ABC, #6C5500, #003969, #090500)
• Nightshade Meadow color palette (#E5EDFF, #5573DB, #1F18CA, #100052, #010010)
• Hushed Denim color palette (#D9ECFE, #005B98, #723E00, #364400, #000205)
• Raspberry Lagoon color palette (#FAE2FA, #AB97DD, #AF5C9E, #005B70, #1E0418)
• Weathered Aubergine Chapel color palette (#CDE1FF, #5A57DF, #5B00A8, #39004B, #12000D)

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