Timeworn Harbor color palette — #FCDEEE · #B1906B · #895439 · #673132 · #173823

A conversation between Coffee and Cocoa, giving this palette its sense of nature and growth.

The five colors

• Blush (#FCDEEE): A whisper-light, dusty pink — the color of neon signs at night.
• Caramel (#B1906B): A luminous, dusty gold — the color of old brass.
• Coffee (#895439): A full-bodied, balanced orange — the color of autumn markets.
• Cocoa (#673132): A deep, shadowed, dusty orange — the color of toasted spice.
• Deep Forest (#173823): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged earthy, warm, muted.

Use it as a design system

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

• Aged Harbor color palette (#D8EFDC, #9B9A67, #76602F, #613914, #173730)
• Chestnut Dune color palette (#F9E6EF, #A2814F, #7F4413, #5D2019, #2B2400)
• Chalky Amber color palette (#FFDDDB, #D28863, #835C00, #4A4700, #243900)
• Tempered Bronze Terrace color palette (#FFF1F6, #8EB293, #90694A, #65465D, #2B4337)
• Weathered Amber color palette (#F6E4D7, #E5B886, #D6875F, #A46665, #33302A)
• Hushed Terracotta color palette (#F9E0EC, #CDA587, #AB704E, #8B432A, #472331)
• Taupe Delta color palette (#F5EAF8, #A2A051, #682C3E, #39131F, #1B0D14)
• Mulberry Harbor color palette (#FAF2FA, #DA7781, #496A00, #911534, #031D18)

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