Timeworn Harbor color palette — #FFF2EA · #F1A686 · #70BD9B · #8A88D1 · #3D2414

Built around Lavender Blue, softened by Melon — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Melon (#F1A686): A luminous, balanced orange — the color of autumn markets.
• Mint Leaf (#70BD9B): A luminous, balanced teal — the color of shallow lagoons.
• Lavender Blue (#8A88D1): A luminous, balanced violet — the color of twilight just after sunset.
• Espresso (#3D2414): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Creativity, Balance. Tagged 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

• Patina Sand color palette (#FFF3E4, #ECC58A, #7CCACC, #B693C3, #3C3832)
• Worn Bloom color palette (#FFF2F0, #F09FBD, #A6B35D, #519BC5, #3E2220)
• Azure Study color palette (#FFF3E6, #E5B37F, #3ECAD0, #2FA7D7, #3C3731)
• Weathered Mustard color palette (#FFF4E1, #CEAE67, #70A4CB, #7A679A, #30220A)
• Cocoa Summit color palette (#FFF2EA, #DEDCCC, #AFAEB9, #C79982, #5E3400)
• Peony Summit color palette (#FFF7C8, #C7AE00, #00AFD3, #C357A6, #282100)
• Aged Bronze Drift color palette (#FDF5DE, #E3DEBB, #A3A074, #87641F, #32322B)
• Byzantium Hollow color palette (#FFF3E7, #D88300, #009F94, #953AD9, #1E0E00)

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