Timeworn Navy color palette — #E4EEFF · #468EEA · #004DA9 · #002858 · #000109

Indigo and Azure set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#E4EEFF): A whisper-light, dusty violet — the color of wild irises.
• Azure (#468EEA): A luminous, balanced blue — the color of deep harbor water.
• Indigo (#004DA9): A full-bodied, vivid blue — the color of open sky before noon.
• Midnight (#002858): A deep, shadowed, balanced blue — the color of deep harbor water.
• Black (#000109): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Balance. Tagged monochrome, cool.

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

• Quiet Ultramarine Orchard color palette (#E8ECFF, #697BE6, #3F3CD0, #190078, #010013)
• Pale Ridge color palette (#E8F0FD, #479FFF, #1665ED, #003C90, #000313)
• Tempered Bloom color palette (#DAF4FF, #0095BE, #005C74, #002B3B, #000407)
• Wandering Iris color palette (#D5E0ED, #9BABDD, #9081EC, #005886, #02123E)
• Washed Denim color palette (#D8E4EF, #00669C, #455C00, #00402A, #00050C)
• Patina Grape Ridge color palette (#E3DBEB, #9D68D1, #7417B8, #370059, #04000B)
• Patina Nightshade color palette (#EAF0FF, #97AEFF, #3D62FF, #2A00D8, #0A005A)
• Peony Corridor color palette (#FADCD0, #E900BA, #854FFF, #140135, #01000D)

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