Timeworn Navy color palette — #D4E9E7 · #3A738A · #36366C · #281C00 · #031700

A conversation between Navy and Slate, giving this palette its sense of nature and growth.

The five colors

• Frost (#D4E9E7): A whisper-light, dusty teal — the color of sea glass.
• Slate (#3A738A): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#36366C): A deep, shadowed, balanced violet — the color of wild irises.
• Onyx (#281C00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#031700): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Dusty Field color palette (#D7EBF8, #596294, #54265A, #1A2600, #00160C)
• Washed Meadow color palette (#EDE0E9, #458B9F, #004162, #00231E, #000525)
• Shadow Aubergine Courtyard color palette (#E0EBFE, #565B92, #402865, #2F0013, #0C0001)
• Washed Aubergine color palette (#E6EFFF, #706DA2, #5D3E79, #521928, #310102)
• Washed Mulberry color palette (#DDF2FF, #7789AF, #6F457D, #2A3900, #002D21)
• Aged Dune color palette (#BFE9F3, #658ABB, #7B5E9A, #4D470D, #1A1600)
• Lowlit Forest Coast color palette (#D3E4DC, #3E6A39, #003425, #001A20, #000900)
• Moonless Nightshade color palette (#D7E0F8, #4B3E9E, #4C3D00, #200060, #080500)

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