Softworn Loft color palette — #F4F4FE · #C1A1E0 · #A98739 · #11748F · #284757

A conversation between Caramel and Mauve, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F4F4FE): bright and airy, almost weightless.
• Mauve (#C1A1E0): A luminous, balanced violet — the color of a velvet chair.
• Caramel (#A98739): A luminous, balanced gold — the color of old brass.
• Teal (#11748F): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#284757): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Softworn 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

• Cypress Loft color palette (#FFF1F2, #EFB8DF, #B7926A, #3C795A, #452F47)
• Aged Taupe color palette (#FEF1F9, #BDC2FB, #C2A56A, #4F91A5, #274B38)
• Hushed Coral Study color palette (#EFF6FE, #8CB3EC, #C27275, #537348, #154B51)
• Worn Ash Field color palette (#F3F4FF, #D5CCE0, #BC9EB2, #6A8893, #424F5C)
• Fuchsia Basin color palette (#F7F3FF, #E671D0, #6C7800, #005D80, #00344F)
• Tempered Garden color palette (#FCF1FC, #EA8189, #5D9048, #3A5E94, #333358)
• Timeworn Taupe Alley color palette (#F1F7F0, #B7DBC8, #8DA574, #767C92, #3F5248)
• Worn Coral color palette (#F8F2FF, #F7B1CA, #DF7979, #A0614D, #664A56)

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