Worn Harbor color palette — #F9D7D9 · #FF9D95 · #FF693B · #C25E0D · #573000

Built around Tangerine, softened by Terracotta — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#F9D7D9): A whisper-light, dusty red — the color of embers at dusk.
• Melon (#FF9D95): A luminous, balanced orange — the color of toasted spice.
• Tangerine (#FF693B): A luminous, vivid orange — the color of sun-warmed clay.
• Terracotta (#C25E0D): A full-bodied, balanced gold — the color of honey in a jar.
• Cocoa (#573000): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged warm.

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

• Amber Grove color palette (#F4D7D1, #FFA074, #E07F14, #A06C19, #483504)
• Pale Quarry color palette (#FFF1F5, #FFBDBA, #FA5931, #A34E00, #4C3200)
• Ember Courtyard color palette (#F9DEEB, #FF8898, #F1430F, #905A00, #564200)
• Apricot Veranda color palette (#FFEADD, #FFB57F, #E08A69, #B46662, #39342F)
• Antique Blush color palette (#FFCFEC, #FF9AC3, #FF6693, #C84E59, #6E2F25)
• Tempered Apricot color palette (#FFF2E9, #FFC59A, #F88E00, #B25F00, #3F1B00)
• Airy Ember color palette (#FFF2EA, #FFAF8C, #5DD1FF, #DC6326, #004156)
• Amber Orchard color palette (#F0DACF, #E27500, #B06C00, #6C4D00, #231C00)

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