Timeworn Harbor color palette — #F7F6EA · #CEDD9C · #CDBAFF · #A0B25C · #624251

Sage takes the lead with Lavender close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F7F6EA): bright and airy, almost weightless.
• Celadon Mist (#CEDD9C): A whisper-light, balanced green — the color of new leaves after rain.
• Lavender (#CDBAFF): A whisper-light, balanced violet — the color of twilight just after sunset.
• Sage (#A0B25C): A luminous, balanced green — the color of a quiet forest floor.
• Cocoa (#624251): A full-bodied, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Creativity, Softness, Clarity. Tagged light, 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

• Ancient Mallow Terrace color palette (#F2F7ED, #9FE7C9, #FDA8D7, #6ABB9C, #634343)
• Timeworn Mallow color palette (#F9F5EB, #D2C586, #D399DB, #9D8C3B, #664149)
• Powder Summit color palette (#F7F6E5, #B8D291, #81C4FF, #DB99A7, #43433C)
• Patina Dune color palette (#FBF4EC, #F5CD9E, #99CCFF, #D19D5D, #30554D)
• Fern Chapel color palette (#F7F6E8, #BCE2DA, #C6C2CC, #C9BA91, #4F5402)
• Mallow Drift color palette (#EAF2E1, #6AD7A8, #FD8EE2, #009F6F, #4F2344)
• Mint Studio color palette (#F7F8DB, #B1EFD0, #9BC578, #7C965F, #393932)
• Cocoa Lantern color palette (#FFF2EA, #EFD4BA, #DAAA93, #AB8A7B, #624000)

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