Timeworn Alley color palette — #FFF0F8 · #9FAF7B · #108A79 · #714B64 · #364D4A

Fern and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Sage (#9FAF7B): A luminous, dusty green — the color of fresh herbs.
• Fern (#108A79): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal Brown (#714B64): A full-bodied, dusty pink — the color of peonies in June.
• Charcoal (#364D4A): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged retro, muted.

Use it as a design system

One click turns Timeworn Alley 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 Cerulean color palette (#FFF0FB, #69BAA0, #3281A2, #7A4A46, #374C51)
• Olive Grove color palette (#EBFAEA, #C99F67, #63824A, #5A537A, #384D40)
• Washed Mint color palette (#F7F2DD, #87BC7F, #4C866C, #305C4C, #2B2E1C)
• Worn Petrol Balcony color palette (#FAF3F5, #DADDEE, #8698C4, #2B7B87, #4B5169)
• Ash Parlor color palette (#E5FBF2, #9CC8C7, #729AA7, #7F6981, #5A4D57)
• Wandering Basin color palette (#E9F9F7, #C2E3CD, #84E3A0, #2DB1B8, #345050)
• Antique Corridor color palette (#FCE7F7, #089D73, #00647E, #6E2320, #0A373F)
• Tempered Orchard color palette (#E6F6F5, #428F5D, #1C434B, #182D2C, #101718)

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