Softworn Navy color palette — #DADFE7 · #A0A9BF · #777D9B · #232E74 · #0D1420

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

The five colors

• Silver (#DADFE7): bright and airy, almost weightless.
• Mauve (#A0A9BF): A luminous, dusty violet — the color of a velvet chair.
• Storm Blue (#777D9B): A full-bodied, dusty violet — the color of twilight just after sunset.
• Navy (#232E74): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#0D1420): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Softworn 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

• Weathered Aubergine Bloom color palette (#E2E3EF, #9997AE, #726D83, #381656, #080812)
• Hushed Corridor color palette (#F6ECF4, #C2AEB8, #A88D96, #2E4AA2, #1C0E1A)
• Garnet Pier color palette (#ECE7F2, #C2B3C8, #9A869D, #6D274E, #231C29)
• Sapphire Atelier color palette (#E2EAF4, #B4ACBB, #AE8EA7, #1B68E7, #071426)
• Antique Hollow color palette (#F1F5FF, #CBD1EE, #A1A3C8, #524E9E, #2B3246)
• Softworn Boulevard color palette (#F8F3FA, #E3D7DB, #CFB9BF, #936573, #4A464C)
• Softworn Amethyst color palette (#E2E9FF, #4C80FF, #7047FF, #641C93, #100028)
• Worn Parlor color palette (#F2EAFF, #9351A2, #762D5F, #491900, #281200)

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