Muted Stone color palette — #FFF2EA · #F4B18E · #A8C08B · #B28BAE · #5E2F00

Melon takes the lead with Cocoa close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Melon (#F4B18E): A luminous, balanced orange — the color of autumn markets.
• Sage (#A8C08B): A luminous, dusty green — the color of fresh herbs.
• Dusty Rose (#B28BAE): A luminous, dusty pink — the color of peonies in June.
• Cocoa (#5E2F00): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged light, muted.

Use it as a design system

One click turns Muted Stone 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 Mustard color palette (#FCF4E6, #DDBF7B, #85C7AB, #BE8995, #403D36)
• Aged Stone Field color palette (#FFF2EE, #F3ADB2, #C5B77B, #8CA374, #4D3731)
• Aged Cobalt color palette (#FDF2F6, #E7B993, #7CBEA4, #6082BB, #412A33)
• Muted Apricot color palette (#FFF2EB, #DF967E, #71A3BD, #4782A0, #622B00)
• Wandering Atelier color palette (#FFF1F2, #E6AFD4, #7CC2DC, #7D9BC8, #4B3738)
• Pewter Veranda color palette (#F9F4EE, #DADAD3, #AAB3AB, #62616D, #4E4E45)
• Tempered Fern color palette (#FFF4E1, #E9DCA9, #BEBB7F, #8C9656, #364C07)
• Mint Workshop color palette (#FFF3E5, #EF9F06, #3FD07D, #C14E86, #3E2600)

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