Softworn Navy color palette — #F7E3E9 · #B6816A · #645D2F · #14285B · #140327

Built around Midnight, softened by Caramel — the whole palette hums with nature and growth.

The five colors

• Rose Water (#F7E3E9): A whisper-light, dusty rose — the color of a warm blush.
• Caramel (#B6816A): A luminous, dusty orange — the color of toasted spice.
• Olive (#645D2F): A full-bodied, dusty green — the color of new leaves after rain.
• Midnight (#14285B): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#140327): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Optimism, 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 Fern Courtyard color palette (#F4D7CC, #A9854A, #3A6826, #3E2758, #0F0012)
• Hushed Coral color palette (#F4EAF8, #C57185, #804E2E, #003B4D, #000912)
• Bronze Archive color palette (#FDE3E4, #965E3A, #534E00, #1C2750, #210734)
• Olive Corridor color palette (#FFEDD7, #A29062, #807C14, #006B55, #002323)
• Fern Corridor color palette (#FCE6CB, #7B6227, #4C4800, #00261B, #000B0A)
• Dusty Amber color palette (#FBE1D8, #C06A00, #604500, #2C2600, #010100)
• Wandering Lantern color palette (#EAE8CE, #84B076, #357876, #593656, #2D022A)
• Ancient Courtyard color palette (#FFF1F4, #FFBFA6, #9B8B44, #385CA3, #421653)

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