Worn Navy color palette — #FBF2F9 · #AB685A · #00674A · #004471 · #302640

Navy and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Mocha (#AB685A): A full-bodied, balanced orange — the color of sun-warmed clay.
• Pine (#00674A): A full-bodied, balanced teal — the color of sea glass.
• Navy (#004471): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Indigo (#302640): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Sophistication. Tagged jewel, vibrant, 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

• Hazy Harbor color palette (#FFF1F6, #B06E32, #00666F, #37398D, #2F2134)
• Dusty Canyon color palette (#F8F2FF, #A25A89, #4E6300, #004E50, #1F2841)
• Faded Pine color palette (#F9EEF9, #C35B63, #007220, #3E3472, #1D0D1E)
• Wandering Market color palette (#E7FCEA, #C18968, #816600, #00576B, #54303E)
• Dusty Meadow color palette (#E7FBEC, #946B00, #005773, #4B008A, #3B0E0A)
• Navy Balcony color palette (#FFE8F2, #904400, #005251, #0D0095, #2E011A)
• Muted Bronze color palette (#FAF3F7, #E1D7D6, #B3C6C2, #A36043, #50444B)
• Hazy Aubergine Villa color palette (#DBECE1, #6A5B00, #00466A, #3D0057, #290400)

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