Muted Navy color palette — #DDF1EA · #40B1C8 · #2E6AAA · #342B87 · #260034

Built around Indigo, softened by Slate — the whole palette hums with trust and stability.

The five colors

• Honeydew (#DDF1EA): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#40B1C8): A luminous, balanced blue — the color of deep harbor water.
• Slate (#2E6AAA): A full-bodied, balanced blue — the color of deep harbor water.
• Indigo (#342B87): A deep, shadowed, balanced violet — the color of wild irises.
• Deep Indigo (#260034): A deep, shadowed, balanced violet — the color of a velvet chair.

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

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 Parlor color palette (#C7ECF3, #5FA7DE, #535BAA, #531D6D, #35001C)
• Airy Onyx color palette (#D9E6D9, #49B59E, #00738A, #003D6C, #150045)
• Nightshade Market color palette (#A8EBFA, #57A5CA, #2C6EB7, #222DA8, #3A0686)
• Aged Denim color palette (#DBF0DE, #009DA0, #485597, #4B3400, #001B29)
• Pale Grove color palette (#E3FAFF, #8ED7FF, #4E91DC, #3C51A1, #290062)
• Quiet Hollow color palette (#D9F6F3, #007EA1, #113FA3, #250054, #0B000B)
• Linen Lapis Boulevard color palette (#A4F8E2, #67BFC7, #0D88C7, #4A3CC7, #510068)
• Petrol Studio color palette (#EBF3F7, #D4D5E3, #B1B6C9, #117181, #12232A)

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