Worn Navy color palette — #F1E7DE · #537DA2 · #2A2E81 · #001F20 · #020007

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

The five colors

• Parchment (#F1E7DE): a clean, paper-quiet neutral.
• Slate (#537DA2): A full-bodied, dusty blue — the color of open sky before noon.
• Indigo (#2A2E81): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#001F20): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#020007): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Worn 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 Harbor color palette (#F2EBE0, #4D85B7, #002B9A, #00212B, #06002B)
• Hushed Terrace color palette (#F2E3DD, #40848C, #00415C, #002110, #000109)
• Tempered Denim color palette (#DBE7DD, #88A5C2, #244FA3, #002A35, #01000A)
• Chalky Terrace color palette (#EBD9DE, #6E97BC, #3E3CCB, #003B3D, #100021)
• Wandering Cobalt color palette (#FAEFE9, #B3CFBF, #3A80BE, #005D4A, #191C41)
• Softworn Coast color palette (#F2F1E0, #5E9380, #006FA7, #422B00, #000200)
• Eclipse Aubergine Station color palette (#EBEAD9, #385700, #59007B, #142400, #030005)
• Inked Pine color palette (#E4F6E0, #1F752D, #083602, #151D24, #000902)

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