Timeworn Harbor color palette — #E7EFF4 · #858E99 · #62698A · #00303A · #000103

Slate and Deep Forest set the tone — five colors that lean into sophistication.

The five colors

• Cream (#E7EFF4): bright and airy, almost weightless.
• Gray (#858E99): a calm mid-gray that lets other colors speak.
• Slate (#62698A): A full-bodied, dusty violet — the color of a velvet chair.
• Deep Forest (#00303A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#000103): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Hushed Cabin color palette (#DFE5ED, #8B8C99, #70667C, #081874, #000106)
• Aged Basin color palette (#E6EFEA, #B1BEBA, #A487A0, #004355, #000201)
• Tempered Navy Corridor color palette (#EAEFF5, #AFB2C3, #9288A3, #0A3C91, #030B18)
• Wandering Denim color palette (#E4EAEE, #C6CBD7, #A2A0BB, #005B86, #051825)
• Navy Lantern color palette (#D8EBEB, #2F686D, #262A6B, #071D00, #000502)
• Muted Aubergine Studio color palette (#D7EBFF, #008972, #006D92, #590072, #000105)
• Forest Grove color palette (#D7E7DE, #40623A, #003228, #001624, #000200)
• Weathered Lagoon color palette (#EFF1FD, #D6D0E6, #BAA2BD, #6635BB, #16182B)

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