Timeworn Harbor color palette — #DEFDF8 · #25B320 · #786BFF · #B72912 · #01332F
A conversation between Clover and Cornflower Indigo, giving this palette its sense of nature and growth.
The five colors
- Ivory (#DEFDF8): A whisper-light, dusty teal — the color of shallow lagoons.
- Clover (#25B320): A luminous, vivid green — the color of new leaves after rain.
- Cornflower Indigo (#786BFF): A luminous, vivid violet — the color of wild irises.
- Brick (#B72912): A full-bodied, vivid orange — the color of toasted spice.
- Deep Forest (#01332F): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Creativity, Energy. Tagged 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
- Hushed Pier color palette (#DFFCF8, #13AF2A, #575AEA, #7B3C00, #002623)
- Sunlit Veranda color palette (#DDF4F3, #48BA80, #7D52C0, #8B5000, #022D2D)
- Wandering Hollow color palette (#C3E7E2, #40AC42, #7633C0, #8F2C00, #00201D)
- Dusty Clover color palette (#FFF0FB, #19C773, #0089B6, #A71D00, #003F38)
- Weathered Thicket color palette (#E4FBF2, #9EAF18, #565CDF, #734C00, #3D2E00)
- Airy Byzantium Archive color palette (#DAFFF3, #90B92B, #AC33C2, #835F00, #05332A)
- Washed Grove color palette (#E7F9FB, #32B69A, #C06DB2, #956308, #1C383B)
- Aubergine Pier color palette (#F2FBCE, #27A144, #6734A6, #821351, #2A2E0E)
Browse the whole catalog at Explore, or see today's palette.