Worn Navy color palette — #DFF4E7 · #6E5E00 · #00349E · #00206A · #060001

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

The five colors

• Honeydew (#DFF4E7): A whisper-light, dusty teal — the color of sea glass.
• Olive (#6E5E00): A full-bodied, balanced green — the color of fresh herbs.
• Indigo (#00349E): A deep, shadowed, vivid violet — the color of a velvet chair.
• Midnight (#00206A): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#060001): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Trust, Stability, 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

• Navy Lantern color palette (#D7F5E5, #655B00, #00472D, #16006B, #090000)
• Aubergine Harbor color palette (#DCEEE7, #3E5E00, #4D14A2, #2A0061, #050100)
• Aubergine Corridor color palette (#D0E5DB, #6A6B00, #00467D, #3B0055, #170004)
• Forest Courtyard color palette (#D5EAE8, #005729, #003348, #31002A, #020200)
• Cocoa Hollow color palette (#F9DCC9, #823200, #004255, #2C0024, #030100)
• Charred Fern Study color palette (#DFF5EF, #3C5E00, #33333D, #001E14, #000302)
• Antique Aubergine Alley color palette (#F9E1CD, #827200, #005A34, #44005B, #090D00)
• Powdered Harbor color palette (#D5F4F8, #007B6D, #77227F, #5B0058, #070500)

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