Timeworn Harbor color palette — #EEF9EE · #E1B1A0 · #B8875B · #5B7947 · #56404C
A conversation between Caramel and Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EEF9EE): bright and airy, almost weightless.
- Sand (#E1B1A0): A luminous, dusty orange — the color of toasted spice.
- Caramel (#B8875B): A luminous, balanced gold — the color of old brass.
- Olive (#5B7947): A full-bodied, balanced green — the color of new leaves after rain.
- Cocoa (#56404C): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, 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
- Bronze Market color palette (#FFF1F6, #CBB3D8, #B78283, #836C2C, #524057)
- Olive Archive color palette (#FFF3E6, #FFD0C5, #C39779, #7B752B, #642E00)
- Softworn Cypress color palette (#E9FAEF, #A3C9AC, #959660, #0A8071, #344F3E)
- Wandering Petrol color palette (#FAF2FC, #DA9EA9, #AE825D, #5B639E, #563553)
- Patina Shell Dune color palette (#FEF4E0, #FFBACB, #D5A279, #6592AD, #4E4643)
- Aged Basin color palette (#DAF7E3, #C49A4C, #857905, #006452, #3D2E00)
- Amber Terrace color palette (#FBEDF5, #D0866A, #67505B, #43323C, #251F24)
- Worn Ash color palette (#EDF8F6, #BAD8D6, #6FA7A9, #93737E, #385352)
Browse the whole catalog at Explore, or see today's palette.