Timeworn Harbor color palette — #E1F2E0 · #00C375 · #008C6F · #006358 · #003F41
Clover and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#E1F2E0): A whisper-light, dusty green — the color of new leaves after rain.
- Clover (#00C375): A luminous, vivid teal — the color of sea glass.
- Fern (#008C6F): A full-bodied, balanced teal — the color of sea glass.
- Pine (#006358): A full-bodied, balanced teal — the color of glacier melt.
- Deep Teal (#003F41): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Calm, Balance. Tagged cool.
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
- Clover Pier color palette (#E0EDD2, #3CCC5C, #00AA8A, #00837D, #003B43)
- Feathered Teal Harbor color palette (#D8EFE7, #00BFB9, #00919A, #005F72, #00384D)
- Mint Boulevard color palette (#A1FFCB, #00D99E, #009B7F, #006759, #002A27)
- Hushed Seafoam color palette (#D3FFFE, #76DFB8, #52B7A6, #478885, #2F505E)
- Emerald Pier color palette (#E6EBCF, #89AE00, #239613, #006630, #003E28)
- Sky Grove color palette (#D5FFFB, #9FF0FF, #62BFFF, #349769, #004647)
- Hushed Peony Harbor color palette (#B4F4E4, #00B89E, #FA0888, #007B69, #59002C)
- Soft Pier color palette (#C1E9D5, #95B400, #817B00, #674F00, #133100)
Browse the whole catalog at Explore, or see today's palette.