Weathered Navy color palette — #DCE1EB · #A0A9BE · #757DA1 · #1E3072 · #0A1424

Navy takes the lead with Slate Blue close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Silver (#DCE1EB): a clean, paper-quiet neutral.
• Mauve (#A0A9BE): A luminous, dusty violet — the color of a velvet chair.
• Slate Blue (#757DA1): A full-bodied, dusty violet — the color of wild irises.
• Navy (#1E3072): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#0A1424): 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 Weathered 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

• Dusty Aubergine Hollow color palette (#EFEFF9, #ABA5BE, #837A93, #4E1E60, #13121F)
• Wandering Denim Orchard color palette (#F5ECF4, #C3ADBA, #A78D97, #294E9B, #1B0F1A)
• Worn Mulberry color palette (#EEEDF8, #CFC8DE, #A59CAF, #6D4175, #2E2B3B)
• Dusty Harbor color palette (#F8F3FA, #E4D7DC, #CABBBF, #806B8C, #4A464D)
• Weathered Violet color palette (#F0ECFD, #8D5DA8, #62325D, #501502, #301400)
• Lapis Quarry color palette (#DAE4FF, #5189FF, #634DFD, #6912A9, #0F022F)
• Worn Loft color palette (#D5EBE4, #447C00, #054409, #00282A, #001410)
• Shadow Thicket color palette (#F2D7F0, #5523D5, #45006D, #360009, #0E0129)

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