Timeworn Harbor color palette — #FFF2EF · #F7D2CA · #83E0CF · #C78395 · #3B4C34

Lagoon and Dusty Rose set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Shell Pink (#F7D2CA): A whisper-light, dusty orange — the color of autumn markets.
• Lagoon (#83E0CF): A whisper-light, balanced teal — the color of shallow lagoons.
• Dusty Rose (#C78395): A luminous, balanced red — the color of late-summer berries.
• Deep Olive (#3B4C34): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Sophistication, Softness, Clarity. Tagged 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

• Hushed Lilac color palette (#FFF1F4, #FAD1E7, #B7D7A3, #AE89C2, #4B4900)
• Wandering Lantern color palette (#FEF3E7, #DEE0BE, #C5A989, #A36B3D, #503C00)
• Dusty Workshop color palette (#FFF2EA, #DEE2CB, #AC7861, #6C3505, #221914)
• Dusty Shell color palette (#FFF2EF, #FFB4BF, #AAC68C, #83A6C9, #45342F)
• Aged Stone color palette (#FFF2ED, #E4D8D3, #E8A1A1, #8B5759, #3F1E13)
• Cocoa Bloom color palette (#FFF2EE, #E0D9CF, #DAB6B4, #A0B3B2, #804128)
• Antique Plum color palette (#FBF1FE, #C0A5C8, #A29B61, #B04C6A, #2F5743)
• Quiet Scarlet Chapel color palette (#FFF2ED, #FFAFA9, #00C6CF, #CE4B4B, #003639)

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