Timeworn Loft color palette — #E8FAF3 · #F4FEAC · #D3D8CA · #86D8C8 · #253F39

Butter and Lagoon set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E8FAF3): A whisper-light, dusty teal — the color of glacier melt.
• Butter (#F4FEAC): A whisper-light, balanced green — the color of new leaves after rain.
• Oat (#D3D8CA): bright and airy, almost weightless.
• Lagoon (#86D8C8): A whisper-light, balanced teal — the color of shallow lagoons.
• Forest (#253F39): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, 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

• Dusty Drift color palette (#ECF9F1, #D7D7CB, #A4D7E9, #7DBDD4, #304D44)
• Washed Ash color palette (#EAF9F6, #CAE4F3, #7FBBBB, #947E8C, #384A4C)
• Quiet Chartreuse Quarry color palette (#D7FFF7, #80FE7A, #C7E1CD, #00BDC7, #00311E)
• Antique Celadon color palette (#DAFFF0, #CEFDB3, #82CB98, #508C79, #2F525A)
• Antique Teal Grove color palette (#F6F1E5, #E9D7C0, #C8D178, #1EB9A3, #31302A)
• Hushed Powder color palette (#FAF2F8, #D5D4E2, #B2C5F1, #689E91, #404F61)
• Lichen Workshop color palette (#E5FAFA, #AAFAD2, #ECB8E8, #69AA8B, #48425B)
• Weathered Quarry color palette (#E6FBF4, #A1BA5D, #405A5A, #232E2A, #0B110D)

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