Timeworn Loft color palette — #FDF2F5 · #CBB6DF · #A46B72 · #7B5F94 · #3A2925

Slate and Mocha set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FDF2F5): bright and airy, almost weightless.
• Lavender (#CBB6DF): A luminous, dusty violet — the color of a velvet chair.
• Mocha (#A46B72): A full-bodied, dusty red — the color of a theater curtain.
• Slate (#7B5F94): A full-bodied, balanced violet — the color of wild irises.
• Espresso (#3A2925): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Creativity, Sophistication. Tagged duotone, 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 Plum Ridge color palette (#FCF3F2, #E5AEC1, #A66E47, #9B526F, #322D28)
• Muted Corridor color palette (#F6F0F3, #DBB7CD, #A07C44, #6767B5, #1D1409)
• Ancient Forest color palette (#FFF4E2, #C398B7, #98686B, #3D6440, #5A403F)
• Timeworn Balcony color palette (#FCF0FF, #DFADCD, #AA7386, #88484C, #6F3220)
• Timeworn Iris Thicket color palette (#F3F5FB, #C5CFF6, #C98976, #8B7FCE, #362932)
• Muted Alley color palette (#FFF1F4, #9771A8, #72642A, #215843, #3D313F)
• Feathered Plum color palette (#F3E0DD, #BE456D, #5D3300, #60002B, #070200)
• Dusty Mulberry Boulevard color palette (#FFF1F3, #D27FCB, #A54100, #8E008A, #2D1606)

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