Timeworn Harbor color palette — #F0F8F1 · #D4D7E7 · #98D8E4 · #669DA1 · #3D505C

A conversation between Ice Blue and Eucalyptus, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F0F8F1): bright and airy, almost weightless.
• Silver (#D4D7E7): A whisper-light, dusty violet — the color of a velvet chair.
• Ice Blue (#98D8E4): A whisper-light, dusty blue — the color of deep harbor water.
• Eucalyptus (#669DA1): A luminous, dusty blue — the color of open sky before noon.
• Charcoal Brown (#3D505C): A full-bodied, dusty blue — the color of a favorite pair of jeans.

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

• Muted Quarry color palette (#D7FEFF, #A7EFFF, #61C9C9, #4A9097, #334F5D)
• Antique Cypress color palette (#F7F0ED, #C9E4DC, #6CA6B8, #3C795B, #1F3D34)
• Antique Powder Lagoon color palette (#E8F8FF, #D3DAE6, #B4BDE1, #B7ABAA, #42535C)
• Glacier Meadow color palette (#EAF8FD, #91FAFF, #FFB6AE, #5FA8AC, #563D52)
• Softworn Grove color palette (#EEF8F0, #CEE1FF, #3A99DE, #006971, #0A1E3B)
• Cerulean Villa color palette (#EEF8F0, #8CDDD8, #008A97, #00543C, #000F15)
• Aged Hollow color palette (#E2F0E4, #55B2BE, #005E75, #002C26, #000103)
• Weathered Courtyard color palette (#E9FAEC, #D6D8E8, #47BBF2, #008886, #0E3759)

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