Softworn Navy color palette — #D2E3DE · #B69CAD · #9D7B87 · #004879 · #010C09

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

The five colors

• Silver (#D2E3DE): bright and airy, almost weightless.
• Mauve (#B69CAD): A luminous, dusty pink — the color of peonies in June.
• Heather (#9D7B87): A luminous, dusty rose — the color of pressed rose petals.
• Navy (#004879): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#010C09): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Softworn Aubergine color palette (#F1E0E7, #B59EA1, #9B7E7B, #4C347A, #11050B)
• Worn Terrace color palette (#E8F2E9, #91AC9F, #927F91, #004F53, #030C04)
• Tempered Navy Balcony color palette (#DBE2EA, #B2BBCB, #8B90A9, #003C71, #000104)
• Hushed Onyx color palette (#D9E3E0, #A4959D, #84686E, #002D4D, #000D09)
• Tempered Petrol color palette (#E8F1FA, #A29EAA, #98819A, #0068A5, #000A17)
• Worn Denim color palette (#F5E9EF, #D2BEC2, #B89D9C, #635399, #271B21)
• Cobalt Parlor color palette (#D8ECFF, #736EB3, #743458, #213402, #0C1600)
• Tempered Cobalt color palette (#FBF2F7, #EAD4D1, #CCBAB2, #777AB5, #41373D)

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