Timeworn Navy color palette — #F9E7EE · #457FA5 · #00308E · #001F21 · #01000A

A conversation between Indigo and Slate, giving this palette its sense of trust and stability.

The five colors

• Blush (#F9E7EE): A whisper-light, dusty rose — the color of a warm blush.
• Slate (#457FA5): A full-bodied, balanced blue — the color of open sky before noon.
• Indigo (#00308E): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Ink (#001F21): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#01000A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Aged Navy Workshop color palette (#DCECEC, #6384A0, #003E6C, #00202C, #00081D)
• Washed Denim color palette (#E4EAD8, #6EA9D4, #005696, #002938, #000105)
• Worn Ultramarine color palette (#D4EBF0, #4196AA, #4560B5, #003A14, #000303)
• Cypress Studio color palette (#D6F6F8, #006B69, #003635, #13161B, #000809)
• Washed Quarry color palette (#FAEEF6, #ABCDDD, #2885B2, #005D4D, #032043)
• Midnight Atelier color palette (#CBF6FE, #005950, #710030, #002520, #040001)
• Cypress Garden color palette (#F6EFF5, #D3D2EB, #7EA1B9, #3E757A, #26384B)
• Twilit Grove color palette (#FAE2F1, #754510, #4B1500, #240006, #020100)

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