Softworn Navy color palette — #F8F5EA · #858B5B · #337C68 · #434280 · #542200

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

The five colors

• Ivory (#F8F5EA): bright and airy, almost weightless.
• Moss (#858B5B): A luminous, dusty green — the color of a quiet forest floor.
• Teal (#337C68): A full-bodied, dusty teal — the color of shallow lagoons.
• Indigo (#434280): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#542200): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Wandering Aubergine Orchard color palette (#F6F6EA, #718C62, #0D7578, #653576, #35302A)
• Weathered Denim Veranda color palette (#FBF4EA, #A58048, #4C723C, #00588C, #482F2A)
• Washed Denim Harbor color palette (#FCF3ED, #BF8A6F, #228170, #61457B, #613236)
• Pale Aubergine color palette (#FAF6DC, #6D7E00, #006461, #54008C, #382000)
• Quiet Corridor color palette (#E2F1DA, #006F5D, #002EA0, #620022, #0C1F00)
• Driftwood Drift color palette (#F9F4EF, #D9DBD5, #9EB0B1, #997D53, #57524B)
• Cerulean Workshop color palette (#FEF2F1, #C687A5, #3794B7, #546599, #3E2B30)
• Mustard Balcony color palette (#FFF1F5, #F1B659, #69ADCB, #5B96B0, #3A3341)

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