Timeworn Loft color palette — #EFF6FF · #99AAE7 · #857ACC · #6C578E · #5B4861

A conversation between Lavender Blue and Mauve, giving this palette its sense of creativity and balance.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Mauve (#99AAE7): A luminous, balanced violet — the color of twilight just after sunset.
• Lavender Blue (#857ACC): A luminous, balanced violet — the color of a velvet chair.
• Slate (#6C578E): A full-bodied, balanced violet — the color of wild irises.
• Charcoal Brown (#5B4861): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Creativity, Balance. Tagged 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

• Cobalt Balcony color palette (#DBF1FF, #89C2F2, #4E85D0, #4F5F90, #504763)
• Patina Powder Meadow color palette (#FFEFFA, #CED1FF, #B5B3F3, #9386BD, #6A4756)
• Patina Moss Pier color palette (#F2F5FF, #B2A5E2, #9B9F40, #7567A4, #315647)
• Hushed Iris Orchard color palette (#F3F4FF, #DDC2F5, #9370B4, #5F4274, #383552)
• Patina Lagoon color palette (#F3F4FF, #E0D7E0, #E5BC9E, #8191B5, #504D60)
• Amber Studio color palette (#F3F4FF, #A28ACB, #B57B46, #368679, #3F4055)
• Hushed Byzantium color palette (#E9DFF7, #BC79D2, #AB35A7, #7A235A, #562B3C)
• Byzantium Station color palette (#DBDDFF, #A678F8, #A806E6, #771584, #5C2B51)

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