Worn Harbor color palette — #FFF3E7 · #FBAEC0 · #DC8C84 · #93822B · #53342C

Built around Olive Leaf, softened by Salmon — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Ballet Pink (#FBAEC0): A whisper-light, balanced red — the color of a theater curtain.
• Salmon (#DC8C84): A luminous, balanced orange — the color of sun-warmed clay.
• Olive Leaf (#93822B): A luminous, balanced green — the color of fresh herbs.
• Cocoa (#53342C): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Warmth, Comfort, Balance. Tagged retro, muted, 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

• Ancient Meadow color palette (#FFF3E4, #F9C2B1, #D2A37F, #79975B, #6D3706)
• Dusty Bronze Study color palette (#FFF2EB, #DEB6ED, #D08ABA, #B86B3C, #563038)
• Blush Orchard color palette (#F6DEDA, #E58CA2, #89665B, #5B433F, #201514)
• Amber Chapel color palette (#FAE0C0, #FF8A78, #DA6A00, #5D7700, #4C1200)
• Hushed Taupe color palette (#F9F5E9, #DED6B0, #9FB679, #B68079, #4E4200)
• Muted Emerald color palette (#FFF4E2, #FFAA66, #CB9100, #009348, #4E2C00)
• Soft Apricot Balcony color palette (#EBDCC4, #E39741, #A88200, #00794D, #331F00)
• Ancient Rust color palette (#FCF5DE, #C99FD5, #C0686E, #00717A, #523335)

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