Muted Navy Canyon color palette — #DFE5F1 · #B3B9D5 · #908FA6 · #283377 · #000104

Navy and Ash set the tone — five colors that lean into creativity and sophistication.

The five colors

• Frost (#DFE5F1): bright and airy, almost weightless.
• Ash (#B3B9D5): A luminous, dusty violet — the color of twilight just after sunset.
• Heather (#908FA6): A luminous, dusty violet — the color of wild irises.
• Navy (#283377): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#000104): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Muted Navy Canyon 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 Field color palette (#F0E5EC, #A6949D, #886574, #1E1473, #13040F)
• Washed Mulberry Coast color palette (#F0ECF7, #DBC8E4, #B49EB3, #782A65, #04010A)
• Wandering Ultramarine Basin color palette (#E0E5EE, #A69CAE, #987F98, #3F5AB8, #030916)
• Dusty Grove color palette (#DDDBFC, #9770A1, #7A3554, #252200, #000302)
• Violet Pier color palette (#D7DFFF, #4C9DFF, #8F55F9, #842679, #030005)
• Ancient Pier color palette (#F3F5FD, #DFD8E1, #CEBACA, #796BA8, #1B1D29)
• Iris Orchard color palette (#F1F5FF, #DDD7E1, #BBB0A8, #8989D1, #313540)
• Washed Olive color palette (#D1EEE2, #4E8D09, #004921, #001B3B, #000201)

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