Timeworn Harbor color palette — #FFF0FE · #2B8FFF · #7F31CE · #622B00 · #000503

Violet and Azure set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
• Azure (#2B8FFF): A luminous, vivid blue — the color of deep harbor water.
• Violet (#7F31CE): A full-bodied, vivid violet — the color of wild irises.
• Rust (#622B00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#000503): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Optimism, Creativity, Energy, Balance. Tagged jewel, vibrant.

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

• Weathered Grape color palette (#DCFFEB, #0099BA, #6B2FE5, #800A00, #000A04)
• Plum Harbor color palette (#DEFDF2, #008ACA, #A9008F, #543A00, #000405)
• Soft Plum color palette (#FFF0F9, #8475FF, #B10064, #484200, #00080F)
• Faded Chapel color palette (#FFF0F8, #624FB4, #800023, #253000, #000104)
• Sapphire Alley color palette (#FFF3E2, #00C1CE, #1164F5, #5B4100, #001C26)
• Dusty Byzantium color palette (#E8FDDF, #00B29C, #9404DF, #573800, #00180B)
• Ultramarine Courtyard color palette (#E9FCE1, #009481, #004ADC, #76002C, #020400)
• Cobalt Hollow color palette (#DFF1FF, #0086C8, #21205F, #21272D, #000812)

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