Timeworn Harbor color palette — #FFF2EA · #E36900 · #543312 · #240F00 · #040100

Pumpkin and Cocoa set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Pumpkin (#E36900): A luminous, vivid orange — the color of autumn markets.
• Cocoa (#543312): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#240F00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#040100): quiet, heavy and certain.

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

• Pale Grove color palette (#FFF2EE, #FF385B, #5B2C24, #240E08, #050100)
• Tangerine Market color palette (#F6DAC6, #FA7415, #7E613A, #653200, #1A0E09)
• Amber Studio color palette (#FFF4DC, #A99100, #3D3F11, #1D1400, #030100)
• Nocturne Bronze Workshop color palette (#FDDFC5, #AD6000, #342000, #101B19, #080300)
• Aged Mustard color palette (#FFF6CB, #C9AE00, #00BA84, #D15D48, #282100)
• Patina Olive Boulevard color palette (#ECF4C4, #7C8700, #1F3200, #1D2725, #0A0700)
• Weathered Lime Parlor color palette (#F7F6E7, #99BD5E, #565909, #2C2C21, #110F0A)
• Fern Station color palette (#EDEBD0, #615E67, #564F00, #141B16, #050600)

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