Timeworn Navy color palette — #FAE2AF · #997900 · #3C5E00 · #00317E · #2D2A00
Navy and Ochre set the tone — five colors that lean into nature and growth.
The five colors
- Peach Cream (#FAE2AF): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Ochre (#997900): A full-bodied, balanced green — the color of a quiet forest floor.
- Olive (#3C5E00): A full-bodied, balanced green — the color of a quiet forest floor.
- Navy (#00317E): A deep, shadowed, balanced violet — the color of a velvet chair.
- Espresso (#2D2A00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged retro.
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
- Aubergine Parlor color palette (#FFE1A3, #6F8900, #006241, #3F1981, #153106)
- Wandering Bronze Corridor color palette (#F8E2B4, #B96300, #605200, #003E53, #3A2300)
- Gentle Aubergine color palette (#EFE3D5, #A87400, #2D6100, #3F0079, #161200)
- Hazy Moss Balcony color palette (#DEFFE5, #7A9A00, #00724E, #49367A, #243D1C)
- Nightshade Orchard color palette (#F3E9BB, #816D00, #00584E, #0D009E, #46002A)
- Weathered Atelier color palette (#FFDEBA, #C88B00, #478912, #57189D, #302900)
- Pine Thicket color palette (#EFE8DA, #007A46, #004647, #3F0042, #001C14)
- Worn Taupe color palette (#EAFAED, #B6A954, #5A8453, #4C577F, #374D45)
Browse the whole catalog at Explore, or see today's palette.