Muted Navy color palette — #DAE8E7 · #5A86A7 · #003D6F · #00202D · #00081F

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

The five colors

• Frost (#DAE8E7): a clean, paper-quiet neutral.
• Storm Blue (#5A86A7): A luminous, dusty blue — the color of open sky before noon.
• Navy (#003D6F): A deep, shadowed, balanced blue — the color of deep harbor water.
• Midnight (#00202D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#00081F): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Muted 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

• Wandering Lagoon Veranda color palette (#DAE9E5, #518C8A, #004549, #00231D, #000C0E)
• Aged Navy Station color palette (#DDEDED, #6994BD, #004694, #002D41, #010941)
• Washed Pier color palette (#F2E0E6, #497FA3, #002B98, #001F22, #01000A)
• Cobalt Delta color palette (#E3E7DA, #67A8D8, #2D77BE, #005976, #00071F)
• Petrol Dune color palette (#E3F2EF, #7FBEC3, #007585, #00504C, #003440)
• Feathered Aubergine Summit color palette (#EFEDFF, #A780A2, #9D5079, #450870, #18001B)
• Inked Byzantium color palette (#F7E1FC, #8C459B, #43004F, #251206, #120018)
• Washed Aubergine color palette (#EEEEFF, #6541B0, #42007D, #260040, #160020)

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