Timeworn Harbor color palette — #FDF4E3 · #C4BF9B · #9D8F5F · #8F5C27 · #394300

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

The five colors

• Cream (#FDF4E3): A whisper-light, dusty gold — the color of honey in a jar.
• Sand (#C4BF9B): A luminous, dusty green — the color of new leaves after rain.
• Caramel (#9D8F5F): A luminous, dusty green — the color of fresh herbs.
• Ochre (#8F5C27): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#394300): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. 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

• Muted Terrace color palette (#FFF2EB, #D4B99B, #B4826F, #855E55, #403D36)
• Wandering Terracotta color palette (#FFEBD5, #C8B461, #B37830, #984230, #2D3C0A)
• Chestnut Courtyard color palette (#FFF0FA, #F5AEAE, #C88362, #7A6000, #3B4700)
• Antique Taupe color palette (#EAFAEF, #D5E5B2, #AF9D5F, #8B603E, #183836)
• Tempered Chestnut color palette (#E8FBEF, #8EB0A1, #807237, #6D4A00, #25443C)
• Worn Cocoa Lantern color palette (#FFEACE, #A3A268, #8E6B2C, #77391B, #262600)
• Pale Moss Field color palette (#F3E6C6, #77994F, #6D6100, #593300, #001C0D)
• Rust Summit color palette (#FFD3C0, #DA9426, #BC541F, #8D2841, #2F2900)

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