Timeworn Harbor color palette — #F9F6E2 · #E6BA3D · #8DB74F · #009267 · #223B12

Saffron and Lime set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F9F6E2): A whisper-light, dusty green — the color of a quiet forest floor.
• Saffron (#E6BA3D): A luminous, balanced gold — the color of honey in a jar.
• Lime (#8DB74F): A luminous, balanced green — the color of new leaves after rain.
• Fern (#009267): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#223B12): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.

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

• Hazy Mint color palette (#F1F9DF, #BBDA69, #48C57F, #008788, #00392E)
• Quiet Lime Cabin color palette (#E4FCF0, #FFC49B, #A9C81E, #00ADAB, #113E1C)
• Hushed Marigold color palette (#FFF4DD, #FFA265, #C59900, #5D8621, #35332C)
• Gentle Coast color palette (#F5F8E0, #DEE68C, #84D184, #009E92, #40423B)
• Gentle Lime color palette (#F8F2DB, #FAA981, #ACAC00, #008B8B, #001E0A)
• Hushed Drift color palette (#DFE2B7, #B2A600, #4C8C00, #00655A, #001D08)
• Soft Jade color palette (#E3EFDC, #5AB16C, #007D4D, #005A44, #00423B)
• Softworn Cocoa Bloom color palette (#FFF4E2, #A09D72, #5A6A35, #634400, #38352E)

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