Worn Navy color palette — #E7DDD3 · #4D7EA4 · #263080 · #001F20 · #020007

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

The five colors

• Bone (#E7DDD3): bright and airy, almost weightless.
• Slate (#4D7EA4): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Indigo (#263080): A deep, shadowed, balanced violet — the color of a velvet chair.
• 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

• Washed Ridge color palette (#F9EDE8, #2D878E, #00415A, #00210F, #000106)
• Wandering Denim Garden color palette (#D5E6D9, #77A7D0, #1B50A5, #002A35, #01000A)
• Washed Lantern color palette (#E3E2D0, #459A77, #006F95, #3E2B00, #000401)
• Linen Hollow color palette (#FDEEE9, #61CFD6, #007CA4, #00552B, #00183F)
• Cellar Aubergine color palette (#E8E5C4, #3E5500, #5A007A, #172300, #030005)
• Eclipse Pine color palette (#D2EACD, #257310, #0B3700, #172127, #000A00)
• Cypress Corridor color palette (#F7F1EB, #C1E6D8, #798CBD, #006D6A, #3F2130)
• Chestnut Ridge color palette (#F8DBC4, #6A4C00, #431E00, #240003, #010100)

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