Softworn Navy color palette — #E4F2EE · #B3A4AF · #987382 · #003B5F · #001913

A conversation between Navy and Mocha, giving this palette its sense of trust and stability.

The five colors

• Cream (#E4F2EE): bright and airy, almost weightless.
• Ash (#B3A4AF): A luminous, dusty pink — the color of peonies in June.
• Mocha (#987382): A full-bodied, dusty rose — the color of a warm blush.
• Navy (#003B5F): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#001913): A deep, shadowed, dusty teal — the color of sea glass.

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

• Wandering Field color palette (#E5ECF3, #96A1B1, #6B7C9C, #003766, #01040B)
• Navy Drift color palette (#ECE4EB, #B6A3AC, #95757C, #002691, #1E0C1D)
• Washed Denim color palette (#EEE4EF, #C0ADBE, #8993BB, #005397, #1A101B)
• Worn Aubergine color palette (#E9DEE0, #C4B5B4, #A6867B, #691678, #2D181D)
• Hushed Field color palette (#F6EBEF, #D5C8CA, #B59895, #603E95, #3C2630)
• Ancient Aubergine color palette (#CEEBF1, #627FA0, #5B2E72, #292D00, #002014)
• Wandering Lantern color palette (#F4E5D7, #796B30, #303E00, #0F135E, #140F00)
• Antique Pewter Boulevard color palette (#FBF3F3, #E1D9D3, #C7BEB1, #9A5A91, #544344)

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