Timeworn Harbor color palette — #F4F4FF · #F7D1E7 · #CCA9DD · #9A7AA9 · #3B3658

A conversation between Mauve and Heather, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Thistle (#F7D1E7): A whisper-light, dusty pink — the color of neon signs at night.
• Mauve (#CCA9DD): A luminous, balanced violet — the color of wild irises.
• Heather (#9A7AA9): A luminous, dusty violet — the color of a velvet chair.
• Navy (#3B3658): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Sophistication. Tagged monochrome, light, 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

• Tempered Powder color palette (#EFF6FF, #D3DFFF, #9DB5EB, #7283B1, #293957)
• Driftwood Atelier color palette (#FCF0FF, #FFD1DC, #E4A7B6, #B37689, #552A36)
• Ash Workshop color palette (#FFF1F4, #EACAF8, #AD8EBE, #765783, #453151)
• Softworn Lagoon color palette (#FFECF1, #DBBCEC, #9F74B3, #63416C, #30101C)
• Mallow Drift color palette (#F9F2FF, #EDACCB, #88C6AD, #68A990, #43384B)
• Patina Stone color palette (#ECF9EF, #BDE4D1, #9EC0A5, #A98795, #334E47)
• Hazy Fuchsia color palette (#FFF0FB, #FFB3EF, #F076CD, #AF44A3, #470140)
• Tempered Villa color palette (#82FFDF, #EAE07B, #FDB9FD, #6B667B, #36353C)

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