Muted Loft color palette — #FAF3F5 · #E3D8D4 · #9DB4A5 · #B8A0CF · #4F4448

A conversation between Mauve and Sage, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#FAF3F5): bright and airy, almost weightless.
• Bone (#E3D8D4): a clean, paper-quiet neutral.
• Sage (#9DB4A5): A luminous, dusty teal — the color of glacier melt.
• Mauve (#B8A0CF): A luminous, dusty violet — the color of a velvet chair.
• Charcoal (#4F4448): a grounded near-black with real depth.

Feels like: Creativity, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

Use it as a design system

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

• Softworn Taupe color palette (#FCF2F4, #E4D7D3, #C4C5BA, #BC909B, #463C3E)
• Driftwood Study color palette (#FFF1F7, #F8C7C8, #D0A998, #779677, #3D5044)
• Wandering Pewter Garden color palette (#F1F1F8, #DFD4DD, #C5B9C0, #836992, #2B2A36)
• Worn Lagoon color palette (#FEF3E7, #E4D4AA, #99B876, #AC8298, #534000)
• Tempered Wisteria Terrace color palette (#FDF2F3, #E8D6CA, #EABD9B, #CE6FC6, #432B2F)
• Airy Blush Boulevard color palette (#FAF6DF, #CDBBFD, #DB86A8, #1D9588, #50343B)
• Washed Mulberry color palette (#F3E4E3, #AC9E8D, #978964, #9A3D6A, #130505)
• Linen Courtyard color palette (#FFF1F7, #C4AFFD, #D68D3E, #038F8E, #003F4B)

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