Timeworn Harbor color palette — #AFF6D1 · #3EC5D4 · #5F85AF · #7A4F40 · #643B2D

Cyan and Mint set the tone — five colors that lean into trust and stability.

The five colors

• Mint (#AFF6D1): A whisper-light, balanced teal — the color of glacier melt.
• Cyan (#3EC5D4): A luminous, balanced blue — the color of open sky before noon.
• Storm Blue (#5F85AF): A luminous, dusty blue — the color of a favorite pair of jeans.
• Coffee (#7A4F40): A full-bodied, dusty orange — the color of autumn markets.
• Cocoa (#643B2D): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Calm, Balance. Tagged vintage, retro, muted, cool.

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

• Linen Mint color palette (#DEEEBF, #4BC49B, #4288A1, #764951, #603323)
• Cobalt Alley color palette (#A7FFF7, #72B4DC, #7171B3, #73542D, #45443D)
• Dusty Seafoam Thicket color palette (#D3FCC9, #74D5D0, #7C90B8, #8C5D44, #613F52)
• Weathered Turquoise Meadow color palette (#E0E7D9, #35B0BC, #516999, #66401A, #37362F)
• Chestnut Dune color palette (#E4E7D2, #A1B28C, #538AA6, #784D11, #402500)
• Hushed Peony color palette (#BAF4FD, #8CD8E6, #73B4E9, #BB6A89, #6A382F)
• Dusty Rust color palette (#DEFEED, #00A3CD, #C45D00, #006682, #5E2900)
• Jade Studio color palette (#F6F7E3, #3DBC90, #007976, #3E5A32, #393C35)

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