Worn Navy color palette — #E9F2E2 · #217B7C · #24447A · #351A00 · #120600

Navy takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E9F2E2): A whisper-light, dusty green — the color of a quiet forest floor.
• Teal (#217B7C): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#24447A): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Espresso (#351A00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#120600): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Worn 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 Hollow color palette (#C9E8E2, #00829D, #184C7B, #411A26, #251500)
• Worn Lantern color palette (#CBF7F4, #3371AC, #523062, #2B2600, #0C0A00)
• Pine Summit color palette (#FBEBD9, #477A40, #004A4D, #480007, #1C0001)
• Shadow Bloom color palette (#CEEADA, #005F75, #35265D, #1A1400, #070400)
• Washed Cypress color palette (#CAF4E6, #007276, #003F56, #001E37, #010016)
• Obsidian Orchard color palette (#DCEFF9, #00506D, #583500, #2F2900, #000103)
• Navy Hollow color palette (#F6E7DB, #3F95B7, #004792, #002C26, #04001A)
• Wandering Cocoa color palette (#CAE8D8, #00657F, #6B3C00, #002F3D, #060200)

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