Timeworn Harbor color palette — #FFF1F2 · #D3A1CF · #CD7951 · #7D6B35 · #2B2C1E

Coral Clay and Mauve set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Mauve (#D3A1CF): A luminous, balanced pink — the color of neon signs at night.
• Coral Clay (#CD7951): A luminous, balanced orange — the color of autumn markets.
• Walnut (#7D6B35): A full-bodied, dusty green — the color of new leaves after rain.
• Onyx (#2B2C1E): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Weathered Drift color palette (#FDF2F0, #E19CAC, #B68519, #5E6D33, #1D2517)
• Blush Coast color palette (#FDF1F7, #B3ADEA, #C8788D, #9B6044, #2C271B)
• Antique Harbor color palette (#F4F7EA, #91CA9D, #C47971, #835A29, #262312)
• Aged Pier color palette (#FFF2EC, #E0D6FF, #BE8DCC, #95645C, #4E3840)
• Gentle Olive Station color palette (#FFF2EB, #E7866B, #828400, #166C3F, #0E1F11)
• Hushed Summit color palette (#EDF8F2, #60CCE8, #D59661, #609175, #30332C)
• Blush Garden color palette (#FFF2F0, #FF67AA, #A56B00, #4F5400, #00190C)
• Wandering Lilac color palette (#FFF1F6, #B99FE6, #6B4A53, #33272C, #130E10)

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