Worn Navy color palette — #D4E8F1 · #0070A1 · #004484 · #001A5B · #040028

A conversation between Navy and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Frost (#D4E8F1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Peacock (#0070A1): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004484): A deep, shadowed, balanced blue — the color of deep harbor water.
• Deep Indigo (#001A5B): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#040028): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

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

• Deep Cobalt Lantern color palette (#D4E7F3, #0079C1, #003C6B, #001135, #00000C)
• Shadow Terrace color palette (#CEF2F6, #005E7F, #003461, #110042, #0F001C)
• Dusty Navy color palette (#D9EBEF, #0084B0, #0058AB, #152B9B, #060020)
• Gentle Sapphire Market color palette (#EDD8ED, #1864CB, #735100, #003478, #0A0500)
• Tempered Basin color palette (#BFEBE0, #007B77, #005559, #003038, #00070D)
• Weathered Nightshade Workshop color palette (#E3EAFF, #4D6DDA, #2409C4, #12005B, #010010)
• Antique Orchid Atelier color palette (#D4DFF1, #A497EC, #B350BB, #005586, #1B0215)
• Pale Aubergine Lantern color palette (#ECEFFF, #7050E0, #5C00A6, #3F0053, #100012)

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