Timeworn Harbor color palette — #FFD3CA · #FF5CC2 · #DD1965 · #9E1500 · #30040D

Fuchsia and Bubblegum set the tone — five colors that lean into warmth and comfort.

The five colors

• Shell Pink (#FFD3CA): A whisper-light, dusty orange — the color of toasted spice.
• Bubblegum (#FF5CC2): A luminous, vivid rose — the color of strawberry cream.
• Fuchsia (#DD1965): A full-bodied, vivid red — the color of late-summer berries.
• Garnet (#9E1500): A full-bodied, vivid orange — the color of autumn markets.
• Ink (#30040D): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Warmth, Comfort, Energy. Tagged candy, vibrant, light, warm.

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

• Scarlet Lantern color palette (#F5DCD2, #FF608C, #D9293B, #873900, #300600)
• Airy Coast color palette (#F5DCD8, #E55CC5, #D92160, #8D4100, #130001)
• Voltage Magenta Station color palette (#F3D8D6, #F021EA, #DE00A0, #A62544, #30061C)
• Fuchsia Ridge color palette (#F7E7FB, #FF6EDD, #EF557A, #AE5600, #350003)
• Muted Ember color palette (#FFF2EB, #FF9799, #F15D09, #A75D00, #441A00)
• Tempered Terrace color palette (#FFE7D6, #FE6533, #C26000, #6E4900, #220E00)
• Hazy Orchid color palette (#FBE8FF, #B580FF, #B639D1, #910D6D, #250327)
• Timeworn Market color palette (#FFE7E8, #C17262, #7B4825, #35342D, #152C02)

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