Timeworn Harbor color palette — #F8E7FD · #DD0065 · #613422 · #26162A · #020105
A conversation between Fuchsia and Cocoa, giving this palette its sense of optimism and energy.
The five colors
- Blush (#F8E7FD): A whisper-light, dusty pink — the color of a candy shop window.
- Fuchsia (#DD0065): A full-bodied, vivid red — the color of embers at dusk.
- Cocoa (#613422): A deep, shadowed, dusty orange — the color of toasted spice.
- Deep Indigo (#26162A): A deep, shadowed, dusty pink — the color of peonies in June.
- Black (#020105): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Optimism, Energy, Balance. Tagged noir, dark, luxury, 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
- Muted Rust color palette (#F1DCEA, #D04100, #573C12, #2B1424, #040005)
- Magenta Market color palette (#E4DEF0, #CA00B6, #613139, #20192C, #010107)
- Nocturne Plum Parlor color palette (#FBD8D1, #B00051, #2F342B, #200D00, #040000)
- Washed Ember Field color palette (#FEE9F6, #F4540C, #755115, #452B3D, #0E0310)
- Muted Blush Thicket color palette (#EFDFEF, #FE7B86, #846574, #504650, #1A171C)
- Washed Grove color palette (#F0DCE1, #FF4D5C, #D03800, #844500, #2B1900)
- Dusty Meadow color palette (#FFE1D7, #FD652A, #009CCA, #BF3F00, #001E2A)
- Hushed Amber Corridor color palette (#DAEEDD, #B28300, #505930, #1F3624, #0A0205)
Browse the whole catalog at Explore, or see today's palette.