Timeworn Harbor color palette — #D7ECBB · #5AB5AE · #486CA5 · #5A3412 · #230E00

Slate and Turquoise set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#D7ECBB): A whisper-light, dusty green — the color of fresh herbs.
• Turquoise (#5AB5AE): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#486CA5): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#5A3412): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#230E00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. 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

• Aged Jade color palette (#ECE4D1, #74B37C, #007894, #733523, #380A00)
• Turquoise Courtyard color palette (#DEF0DE, #20AAB7, #56609F, #382900, #090500)
• Linen Corridor color palette (#B9ECEF, #4CAFC7, #6760AB, #3F5000, #171F00)
• Washed Turquoise Grove color palette (#D8F6EF, #52B2C8, #698EB1, #82525F, #3A1A06)
• Linen Fern Basin color palette (#DFFFE2, #82D4D9, #7788D1, #636800, #303300)
• Ancient Teal Canyon color palette (#DDF3EB, #00ABB5, #007692, #003152, #050026)
• Washed Drift color palette (#DBF1F3, #308DB0, #5C428A, #152200, #020400)
• Pale Bronze color palette (#C0E8FF, #0087A9, #905F00, #734B00, #000203)

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