Worn Harbor color palette — #F7E1E9 · #DDBC8B · #CD8E53 · #A06B54 · #1D3727

Mustard and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Rose Water (#F7E1E9): A whisper-light, dusty rose — the color of pressed rose petals.
• Sand (#DDBC8B): A luminous, dusty gold — the color of honey in a jar.
• Mustard (#CD8E53): A luminous, balanced gold — the color of honey in a jar.
• Mocha (#A06B54): A full-bodied, dusty orange — the color of sun-warmed clay.
• Deep Forest (#1D3727): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Wandering Taupe Ridge color palette (#DCEDE3, #BFC793, #AE9F3F, #8F7545, #103830)
• Tempered Honey Alley color palette (#FFF3E8, #E3C47C, #B07D56, #7A4945, #26210C)
• Muted Stone color palette (#FFF0F8, #F1CFDB, #DCA990, #A786A0, #3D4C3E)
• Hushed Delta color palette (#EFDDCB, #B39269, #8A5823, #5E310E, #231500)
• Ember Study color palette (#E3F0FF, #93C5FF, #D8662A, #8A8800, #14283D)
• Chestnut Field color palette (#FFE3EF, #A57633, #8F4B00, #6E2200, #050300)
• Weathered Workshop color palette (#D8F4E1, #95961A, #826C00, #674500, #080E00)
• Faded Cobalt color palette (#E4F0FC, #E4C480, #1D8EDC, #275A83, #091724)

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