Muted Loft color palette — #FFF2EB · #FF9B7F · #A8B668 · #A580B3 · #38312D

A conversation between Melon and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Melon (#FF9B7F): A luminous, balanced orange — the color of autumn markets.
• Sage (#A8B668): A luminous, balanced green — the color of a quiet forest floor.
• Dusty Rose (#A580B3): A luminous, balanced pink — the color of peonies in June.
• Espresso (#38312D): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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 Field color palette (#FEF3E9, #FF9E57, #7FAE54, #9D6A91, #39251C)
• Wandering Lagoon color palette (#FFF1F1, #FF8FC8, #D4A35F, #7D8FBC, #422C2B)
• Softworn Mustard Veranda color palette (#FDF3E9, #F0B676, #93C59E, #BA88A3, #573400)
• Amber Thicket color palette (#FDF3EB, #FFC8A5, #BFAF5E, #D98D59, #2A2312)
• Worn Mustard Market color palette (#FFF4DE, #D4AF00, #00C1A6, #C86577, #382905)
• Dusty Dune color palette (#FFF4E0, #F7BC4C, #B2A74F, #4F907E, #403D36)
• Worn Petrol color palette (#FFF0FB, #E99C89, #5EAEA7, #4176A9, #311D2C)
• Clover Coast color palette (#FFDEC2, #EF8207, #4BBE40, #A44395, #331700)

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