Worn Navy color palette — #E9FAF2 · #686A01 · #4D5600 · #262489 · #31101D

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

The five colors

• Ivory (#E9FAF2): A whisper-light, dusty teal — the color of glacier melt.
• Olive (#686A01): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#4D5600): A full-bodied, balanced green — the color of fresh herbs.
• Indigo (#262489): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Onyx (#31101D): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.

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

• Frosted Field color palette (#E5FBF3, #5B6F00, #00602A, #33128D, #04220D)
• Dusty Bronze color palette (#FFF1F6, #9C5B00, #544F00, #003766, #2E1225)
• Aubergine Pier color palette (#FAEEF7, #B05A4C, #306F1D, #3D027A, #511109)
• Patina Aubergine color palette (#FFE7F2, #B97242, #456700, #4B2A79, #19381F)
• Hushed Navy color palette (#FAF0E5, #945400, #005D63, #252880, #170302)
• Shadow Basin color palette (#E2F5EA, #594F00, #003723, #21004B, #070600)
• Olive Grove color palette (#DAF9F3, #2F7200, #004F44, #4C0053, #0B1C00)
• Nightshade Garden color palette (#FFF1F6, #C17B1F, #00797F, #4346A2, #231427)

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