Timeworn Harbor color palette — #D5E1EA · #9ADF00 · #FFA096 · #70423E · #301F18

Chartreuse and Melon set the tone — five colors that lean into nature and growth.

The five colors

• Silver (#D5E1EA): bright and airy, almost weightless.
• Chartreuse (#9ADF00): A whisper-light, vivid green — the color of a quiet forest floor.
• Melon (#FFA096): A luminous, balanced orange — the color of toasted spice.
• Coffee (#70423E): A full-bodied, dusty orange — the color of sun-warmed clay.
• Onyx (#301F18): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Energy, Balance. Tagged neon, dark, 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

• Dusty Mint Field color palette (#D8E4F8, #00EA8F, #FFA37B, #744632, #29190E)
• Aged Basin color palette (#E5F1FF, #50D000, #FF7A54, #4D4642, #1A0A03)
• Linen Honey Terrace color palette (#CAF1FF, #F5BC17, #FF98C3, #784058, #2B1B1A)
• Worn Chapel color palette (#FFF2EC, #F4C869, #EC5234, #8E4232, #28150C)
• Frosted Quarry color palette (#59FFE9, #E8C300, #EB7FCE, #683C5C, #341B1D)
• Quiet Marigold color palette (#EDE5FF, #00E1E5, #FCAA0E, #6E522A, #2B1F0F)
• Pale Lantern color palette (#ECDDFF, #A4E9FF, #EAD80E, #765D0E, #383631)
• Dusty Thicket color palette (#D6ECE2, #B9B600, #F5770B, #371500, #12050C)

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