Timeworn Navy color palette — #FFE9F0 · #A66D53 · #624E00 · #00336C · #1F002E

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

The five colors

• Blush (#FFE9F0): A whisper-light, dusty rose — the color of a warm blush.
• Mocha (#A66D53): A full-bodied, balanced orange — the color of sun-warmed clay.
• Bronze (#624E00): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#00336C): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#1F002E): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged vintage, retro, muted.

Use it as a design system

One click turns Timeworn 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 Atelier color palette (#FFEBE6, #886E45, #3C5923, #372962, #230017)
• Washed Drift color palette (#ECE8F6, #886885, #704A0C, #003148, #10082E)
• Ancient Driftwood Loft color palette (#FED8D4, #A57C46, #454E1A, #151F43, #050004)
• Timeworn Market color palette (#FFECD2, #736738, #3B4300, #00231E, #000F0C)
• Basalt Corridor color palette (#F3E2CD, #859156, #196E52, #5E2956, #39000F)
• Misty Bronze color palette (#F2E0CB, #A58300, #6E6F21, #005944, #001A19)
• Tempered Ultramarine color palette (#D1EEDD, #796900, #1D3FD6, #413800, #010025)
• Timeworn Pier color palette (#DDEADF, #767A26, #1E5300, #50003D, #060600)

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