Muted Loft color palette — #F9DFD3 · #A2ACFF · #D59300 · #193A33 · #19231A

Built around Mustard, softened by Lavender — the whole palette hums with optimism and creativity.

The five colors

• Shell Pink (#F9DFD3): A whisper-light, dusty orange — the color of toasted spice.
• Lavender (#A2ACFF): A luminous, balanced violet — the color of wild irises.
• Mustard (#D59300): A luminous, balanced gold — the color of old brass.
• Deep Forest (#193A33): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#19231A): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Creativity, Balance. Tagged neon, dark, vibrant, muted.

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

• Weathered Moss color palette (#EEE1C7, #DCB0FF, #A39200, #073634, #141F19)
• Quiet Lime Balcony color palette (#FFE8E1, #CFB4FF, #92C600, #224045, #1F2926)
• Timeworn Ember Chapel color palette (#FFE3EE, #65D5FF, #EB5B3B, #402128, #1E171C)
• Fuchsia Atelier color palette (#E7E7CC, #FF64DD, #A29E00, #0B3428, #051B12)
• Cypress Dune color palette (#EDF7F9, #D1DAEC, #AAB4C2, #167367, #2D3E41)
• Wandering Amber color palette (#DAF4F8, #DF7E4F, #004F42, #002921, #061119)
• Timeworn Station color palette (#EAE0CB, #00CD8C, #1AB6E7, #0F4243, #102121)
• Tempered Lime color palette (#CFF683, #FFB6E6, #A7CF4F, #334B4E, #293430)

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