Muted Navy color palette — #ECDDE2 · #337EB9 · #192D8D · #001E23 · #020009

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

The five colors

• Shell Pink (#ECDDE2): bright and airy, almost weightless.
• Cerulean (#337EB9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Indigo (#192D8D): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#001E23): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#020009): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Hushed Cerulean Station color palette (#F5E7F0, #0086A1, #004062, #00201B, #000109)
• Hushed Pier color palette (#DBE1CF, #71A7DA, #0051A7, #00283B, #00000B)
• Tempered Petrol color palette (#F0E5ED, #6CC3D0, #00759C, #004D3D, #001630)
• Peony Study color palette (#E7E6FD, #C15A9C, #A75139, #172363, #040003)
• Quiet Glacier color palette (#FCECF7, #68E6EA, #0091B0, #006544, #002840)
• Charred Grape color palette (#D7E2F7, #4D0DD1, #430070, #260026, #040002)
• Cerulean Study color palette (#FBEEF2, #BEE1FF, #758DBB, #1A6A72, #232B43)
• Byzantium Parlor color palette (#F4E1F9, #91179F, #4A0047, #201206, #0F0012)

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