Timeworn Loft color palette — #F9F5EB · #C1C4A4 · #77876A · #7D6217 · #505100

Walnut and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F5EB): bright and airy, almost weightless.
• Pistachio (#C1C4A4): A luminous, dusty green — the color of new leaves after rain.
• Driftwood (#77876A): A luminous, dusty green — the color of new leaves after rain.
• Walnut (#7D6217): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#505100): A full-bodied, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Timeworn Loft 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

• Timeworn Fern Cabin color palette (#F6F6EE, #B9C6AA, #528C90, #7A5E5B, #3E5615)
• Worn Bronze Hollow color palette (#F7F5EC, #D2D3BC, #96A17D, #8C7E35, #505100)
• Hushed Lagoon color palette (#ECF4F1, #A5CDC5, #628F71, #476A5D, #203632)
• Fern Studio color palette (#F7E0CF, #9F8953, #4A5E0A, #014841, #342700)
• Ancient Olive Delta color palette (#FCF3F0, #CFE5DE, #7BA48E, #6C752E, #5E4A61)
• Hushed Pier color palette (#F9F6E2, #66B78B, #007977, #4B5724, #1A442E)
• Cypress Cabin color palette (#EDF9EB, #78BFBA, #CA837B, #00847F, #534B48)
• Twilit Forest color palette (#E7E1CC, #386A40, #00332D, #181800, #000901)

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