Timeworn Harbor color palette — #D3EDD7 · #85B0A5 · #558186 · #5F506E · #533956

Charcoal and Charcoal Brown set the tone — five colors that lean into sophistication.

The five colors

• Honeydew (#D3EDD7): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#85B0A5): A luminous, dusty teal — the color of sea glass.
• Slate (#558186): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#5F506E): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal (#533956): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Sophistication. Tagged vintage, retro, 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

• Onyx Archive color palette (#E7F1DE, #9DB199, #587D62, #3A486F, #2E264C)
• Frost Orchard color palette (#D1FBEA, #95C0C2, #73909D, #725B73, #5F444D)
• Garnet Pier color palette (#D7E4D1, #41B8AB, #30708E, #763C27, #682100)
• Denim Coast color palette (#C2ECE7, #5B98AE, #565E92, #304E34, #003930)
• Antique Onyx Lantern color palette (#E2E0CF, #5E966F, #1B5F62, #562937, #470D1B)
• Teal Field color palette (#EEDEC6, #C6C4A1, #65BBA6, #AA7B7C, #59372C)
• Chestnut Workshop color palette (#B3F2D6, #68B4C2, #6283B4, #7F5426, #5A4600)
• Cobalt Delta color palette (#FAF3F7, #A2CCE4, #3A7EB3, #00605A, #283862)

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