Timeworn Harbor color palette — #FAF2F8 · #D7D5EA · #749FBE · #4A7A64 · #485366

Blue Fog and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Silver (#D7D5EA): A whisper-light, dusty violet — the color of twilight just after sunset.
• Blue Fog (#749FBE): A luminous, dusty blue — the color of deep harbor water.
• Teal (#4A7A64): A full-bodied, dusty teal — the color of sea glass.
• Charcoal Brown (#485366): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Sophistication. 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

• Lagoon Thicket color palette (#EEF7F6, #D3DEEE, #8EB8CE, #4E9495, #3C5667)
• Patina Cypress Harbor color palette (#F2F3EB, #C4E3DE, #6EA6B7, #2F7879, #1E3D30)
• Timeworn Terrace color palette (#E2FBFB, #6DC599, #B388B1, #398360, #4F4863)
• Turquoise Studio color palette (#EADFE8, #44B0BC, #005F84, #004125, #081C45)
• Wandering Loft color palette (#EEF8EF, #BCBC89, #6B896E, #705364, #3B4C48)
• Cobalt Field color palette (#FEF1F7, #8FD9FF, #487DD6, #00675E, #3F3867)
• Dusty Study color palette (#F0E3EA, #088FAC, #003E6C, #00231A, #06002C)
• Hushed Sapphire color palette (#F7EBEF, #87B7DC, #485FBC, #00504F, #33254B)

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