Softworn Navy color palette — #F1F5FE · #A8B586 · #494C7A · #272757 · #1B2131

Deep Indigo and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F1F5FE): bright and airy, almost weightless.
• Sage (#A8B586): A luminous, dusty green — the color of new leaves after rain.
• Peacock (#494C7A): A full-bodied, dusty violet — the color of a velvet chair.
• Deep Indigo (#272757): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Midnight (#1B2131): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, muted.

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

• Pewter Atelier color palette (#F4F4FE, #97CBCC, #68537E, #353456, #2A232E)
• Muted Indigo Dune color palette (#F2F5FF, #DAC18D, #7166AB, #423B65, #1E212D)
• Aubergine Terrace color palette (#F6F3FF, #60B688, #6E236D, #430043, #1D162C)
• Muted Canyon color palette (#FBF2FB, #AAE8A7, #7996C5, #735972, #281E27)
• Hushed Mulberry Hollow color palette (#E3FBF7, #9191C7, #994E67, #005961, #3B3955)
• Aged Lapis Delta color palette (#F2F5FB, #A2A9E4, #986100, #4E4CBF, #182917)
• Antique Aubergine color palette (#DEE3FF, #4BA95E, #4B008E, #230049, #0B0C24)
• Gentle Alley color palette (#E1DBEA, #5F9D68, #5C0F4B, #2C0023, #0F051B)

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