Muted Navy color palette — #F1E0EA · #358CA6 · #003E6E · #00231B · #060227

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

The five colors

• Rose Water (#F1E0EA): A whisper-light, dusty pink — the color of neon signs at night.
• Cerulean (#358CA6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#003E6E): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Onyx (#00231B): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#060227): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Washed Garden color palette (#E4F2E7, #3FA0BE, #005F89, #003B3C, #00091A)
• Tempered Cypress color palette (#C8EAE3, #007460, #493E41, #00312C, #000B0A)
• Hazy Atelier color palette (#EFE4DD, #70AABF, #007ABE, #005E57, #010030)
• Cobalt Studio color palette (#D8F1F1, #00A0AD, #3A70BE, #373D00, #001513)
• Ancient Forest Boulevard color palette (#F9F3F9, #9CCEDC, #0085A5, #22622D, #243C56)
• Shadow Bloom color palette (#CCEAEA, #006140, #720048, #002818, #120008)
• Hushed Sapphire color palette (#F7EBEF, #89B7DA, #475FBE, #00504F, #33244D)
• Moonless Fern color palette (#D0E9D8, #52610F, #362A00, #1E0B00, #000501)

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