Timeworn Harbor color palette — #FFF0FE · #E9003F · #006767 · #004564 · #1C284C

Rose Red takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
• Rose Red (#E9003F): A full-bodied, vivid red — the color of embers at dusk.
• Peacock (#006767): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#004564): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#1C284C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Energy, Balance. Tagged vibrant, cool.

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

• Ancient Scarlet Bloom color palette (#FBEDF9, #CD3A34, #00615E, #2B3370, #301647)
• Rust Drift color palette (#F1D9E8, #B13C00, #004F60, #00324A, #171339)
• Amber Study color palette (#FFF0F7, #CA6C2A, #006F86, #4B3F6F, #422744)
• Magenta Workshop color palette (#F5F3FF, #B93FC3, #446600, #00465F, #182A49)
• Ember Veranda color palette (#FFEEE4, #D35615, #6D5900, #004612, #330016)
• Dusty Teal Bloom color palette (#DFFDF4, #58B892, #00787D, #6F3E5B, #014446)
• Gentle Bronze color palette (#FFD9E7, #DC9E7B, #838035, #4F5B8C, #503C69)
• Muted Alley color palette (#ECF9F0, #AE973D, #59719B, #60496B, #4A354F)

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