Muted Loft color palette — #F4D5D7 · #FF6D56 · #BA4500 · #7A3A00 · #443A00

Built around Watermelon, softened by Terracotta — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F4D5D7): A whisper-light, dusty red — the color of embers at dusk.
• Watermelon (#FF6D56): A luminous, vivid orange — the color of toasted spice.
• Terracotta (#BA4500): A full-bodied, vivid orange — the color of autumn markets.
• Bronze (#7A3A00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#443A00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged warm.

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

• Aged Tangerine Lagoon color palette (#FFD2CD, #FFA58F, #FF723A, #CD5B00, #693500)
• Soft Amber Alley color palette (#F3E0D9, #D47931, #9B5C00, #634300, #2F3A06)
• Hazy Ember Archive color palette (#FFD2E4, #FF878E, #D05D00, #925B00, #483C00)
• Chalky Loft color palette (#FFDEE6, #FF6F8A, #CE002C, #8F2500, #6D2F00)
• Ember Parlor color palette (#FFEAE6, #D35A28, #8A4200, #542F00, #272700)
• Pale Amber color palette (#FFF0F8, #E56C00, #008ABA, #914200, #004059)
• Antique Grape color palette (#FFE6D4, #BE6500, #008571, #6C44B0, #492609)
• Feathered Bronze Loft color palette (#FFECF3, #DAA452, #9A7900, #665900, #275343)

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