Worn Navy Harbor color palette — #E9DFE5 · #CBB1BA · #A3858A · #3F3B75 · #271B22

Navy takes the lead with Heather close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Silver (#E9DFE5): a clean, paper-quiet neutral.
• Rosewood Mist (#CBB1BA): A luminous, dusty rose — the color of strawberry cream.
• Heather (#A3858A): A luminous, dusty red — the color of late-summer berries.
• Navy (#3F3B75): A deep, shadowed, balanced violet — the color of a velvet chair.
• Onyx (#271B22): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Worn Navy Harbor 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

• Ancient Alley color palette (#F8E5EC, #BCA1A5, #977575, #472167, #1D0F14)
• Denim Courtyard color palette (#E6E9F0, #C2C2D5, #A8A0B6, #55589C, #191F2D)
• Tempered Cocoa Harbor color palette (#F9EBE8, #DFC6BD, #B39B8D, #7A3F52, #3B2926)
• Hushed Pewter color palette (#FBF2F6, #E5D7D4, #D0BBB3, #8E6779, #4F4449)
• Peony Boulevard color palette (#EADEFF, #AC63A5, #853F4F, #323A00, #042811)
• Patina Pine color palette (#E4E3CB, #438D4B, #005238, #1E2C51, #1A1D00)
• Byzantium Alley color palette (#FBD1DF, #8097FF, #953DE8, #A40D73, #26092C)
• Softworn Grape color palette (#EFDEC3, #6E37DC, #680062, #2A2500, #1E0B2E)

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