Worn Harbor color palette — #FDF3EC · #D8BB99 · #7E523A · #572B00 · #292418

Espresso and Coffee set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Sand (#D8BB99): A luminous, dusty gold — the color of afternoon light on wheat.
• Coffee (#7E523A): A full-bodied, dusty orange — the color of autumn markets.
• Espresso (#572B00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#292418): A deep, shadowed, dusty gold — the color of old brass.

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

• Bronze Veranda color palette (#FAF4EE, #DDB992, #8B7E36, #8C6436, #302E27)
• Dusty Fern Garden color palette (#FAF5E6, #BDAE7B, #565422, #302E27, #1A1E10)
• Wandering Quarry color palette (#FCF2F8, #B6DBC6, #A46E5B, #6B4131, #34272F)
• Sand Lagoon color palette (#FDF2F7, #FBD7AC, #C29278, #816372, #31282D)
• Twilit Chestnut color palette (#FDEBDC, #7F5400, #202E2C, #230E00, #050100)
• Ancient Bronze Corridor color palette (#EFE7D5, #967603, #2F3940, #2E2600, #0C0900)
• Hushed Cocoa Courtyard color palette (#FDF4E2, #B3A874, #727D52, #2A6462, #584600)
• Muted Amber color palette (#FFF2EA, #C17D5B, #73875F, #745078, #5F2E00)

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