Worn Harbor color palette — #F9DDD9 · #FB78A3 · #996134 · #574441 · #1F1517

A conversation between Bubblegum and Ochre, giving this palette its sense of optimism and sophistication.

The five colors

• Shell Pink (#F9DDD9): A whisper-light, dusty orange — the color of autumn markets.
• Bubblegum (#FB78A3): A luminous, vivid red — the color of a theater curtain.
• Ochre (#996134): A full-bodied, balanced gold — the color of old brass.
• Cocoa (#574441): A full-bodied, dusty orange — the color of autumn markets.
• Ink (#1F1517): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, 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

• Tempered Coral color palette (#F8DFD2, #FF7F63, #8F6727, #723714, #1E1615)
• Antique Terrace color palette (#F7DDE4, #D57FFF, #886661, #544549, #1D161B)
• Dusty Blush Villa color palette (#FFF2EF, #DE7A93, #593F37, #2C1915, #0A0403)
• Timeworn Rose color palette (#F2DFD7, #FF3B49, #7C4D00, #3A3330, #100404)
• Worn Peony color palette (#EEDEF3, #EC4981, #5C4457, #332A35, #1A171E)
• Plum Lantern color palette (#E4DAE8, #AA566F, #412739, #1C1120, #07050C)
• Patina Hollow color palette (#FFE1F3, #FFB0BC, #F18E70, #B27B52, #4D4842)
• Worn Atelier color palette (#FDECD7, #CA8E00, #6B6315, #533600, #120C08)

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