Softworn Navy color palette — #FFDBDD · #CA9CAD · #707235 · #3D437B · #201238

Navy takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#FFDBDD): A whisper-light, dusty red — the color of embers at dusk.
• Mauve (#CA9CAD): A luminous, dusty rose — the color of a warm blush.
• Olive (#707235): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#3D437B): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Indigo (#201238): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged vintage, retro, 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

• Airy Bronze color palette (#FFD2F3, #CF958B, #946A32, #00486E, #0B0E36)
• Tempered Taupe color palette (#FFE9DE, #BD9D5E, #5E7954, #494071, #190D36)
• Fern Terrace color palette (#FFE4E5, #A77A5A, #5D5B00, #323369, #2A1D42)
• Timeworn Olive color palette (#E9DFCA, #748B43, #00574A, #340F33, #070007)
• Driftwood Archive color palette (#F3EADA, #AFA263, #838A41, #006E5E, #003032)
• Worn Parlor color palette (#E7FCE9, #A6A765, #3E6E1A, #58284B, #080800)
• Hushed Pewter Archive color palette (#F9F9C8, #B5E0DB, #78A8B7, #906066, #513753)
• Cocoa Thicket color palette (#FDF1BA, #ADCCA7, #559289, #774051, #441923)

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