Timeworn Navy color palette — #DCE5F0 · #B3B7D2 · #9289A3 · #234475 · #15202E

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

The five colors

• Frost (#DCE5F0): bright and airy, almost weightless.
• Ash (#B3B7D2): A luminous, dusty violet — the color of a velvet chair.
• Heather (#9289A3): A luminous, dusty violet — the color of a velvet chair.
• Navy (#234475): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Midnight (#15202E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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 Corridor color palette (#F0E9EE, #BFADB8, #A18491, #303C7F, #130510)
• Ultramarine Bloom color palette (#E7ECF4, #BFC4D1, #9EA3BC, #4558AD, #151F32)
• Softworn Mulberry color palette (#F0EDF6, #D4C7D4, #AF99A3, #734066, #302B38)
• Onyx Field color palette (#E3E2F0, #A095A7, #80677B, #3C174C, #090617)
• Hushed Bloom color palette (#F1F5FD, #DED8E1, #CBBAC5, #65729D, #44484F)
• Softworn Summit color palette (#EAE3E9, #CDBBBA, #C29F95, #537CD7, #2A1828)
• Indigo Ridge color palette (#D4E7F9, #886FB7, #764047, #174220, #002A23)
• Weathered Forest Ridge color palette (#D8E9D8, #798129, #00541E, #40213F, #002117)

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