Timeworn Harbor color palette — #FFF4E2 · #FFB3C4 · #C77C5A · #327061 · #422B23
A conversation between Caramel and Ballet Pink, giving this palette its sense of optimism and sophistication.
The five colors
- Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Ballet Pink (#FFB3C4): A whisper-light, balanced red — the color of a theater curtain.
- Caramel (#C77C5A): A luminous, balanced orange — the color of toasted spice.
- Teal (#327061): A full-bodied, dusty teal — the color of sea glass.
- Espresso (#422B23): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Optimism, Sophistication. Tagged 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
- Amber Bloom color palette (#FFF4E2, #FFBA8F, #A79041, #2A6C82, #36312B)
- Mallow Pier color palette (#FFF4E2, #EBB3FF, #C47693, #596B3F, #44292C)
- Hushed Hollow color palette (#FFF4E2, #FFD1C2, #B99D73, #5B7C64, #5F3200)
- Wandering Boulevard color palette (#FEF5DE, #F3B0D4, #D0947B, #458CA9, #52352E)
- Quiet Blush Bloom color palette (#FFF2EE, #FF98A5, #9A8A3A, #166A61, #1E284C)
- Bronze Boulevard color palette (#EAFBE8, #C6837B, #9C542A, #475500, #4F3248)
- Coral Ridge color palette (#FFF4DE, #FF7D71, #A16200, #005153, #2F0B00)
- Softworn Hollow color palette (#E5F7EC, #BE89A9, #975841, #004E68, #2C1B31)
Browse the whole catalog at Explore, or see today's palette.