Muted Loft color palette — #D9DEFF · #863DE7 · #684400 · #322D00 · #001210

Built around Violet, softened by Bronze — the whole palette hums with nature and growth.

The five colors

• Thistle (#D9DEFF): A whisper-light, dusty violet — the color of a velvet chair.
• Violet (#863DE7): A full-bodied, vivid violet — the color of wild irises.
• Bronze (#684400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#322D00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#001210): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged vibrant.

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

• Airy Sapphire Coast color palette (#D0E2FE, #2E5DFA, #802F00, #2B3000, #001307)
• Linen Byzantium color palette (#E3DAFF, #B12AB0, #544E00, #003431, #001116)
• Lowlit Aubergine color palette (#E0DBF8, #872092, #473200, #001F21, #00030F)
• Hazy Lapis color palette (#DFE7FF, #654BE9, #820071, #003B39, #002640)
• Magenta Atelier color palette (#FFF1F3, #DA60DD, #C60049, #613100, #161300)
• Pale Plum color palette (#FADDF9, #4388F8, #BC006E, #3D5000, #002448)
• Pale Hollow color palette (#C8E6F5, #007F94, #870064, #2D2F00, #061200)
• Hushed Pewter color palette (#D8E7FC, #A18CC6, #99536F, #00533A, #002724)

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