Muted Cocoa Studio color palette — #FFF1F1 · #E2D9D0 · #CDBF96 · #8A77A2 · #74361D

Rust takes the lead with Slate Blue close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Bone (#E2D9D0): a clean, paper-quiet neutral.
• Sand (#CDBF96): A luminous, dusty green — the color of fresh herbs.
• Slate Blue (#8A77A2): A luminous, dusty violet — the color of wild irises.
• Rust (#74361D): A full-bodied, balanced orange — the color of sun-warmed clay.

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

Use it as a design system

One click turns Muted Cocoa Studio 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

• Wandering Oat color palette (#FFF2EE, #E0D8CE, #DDC29B, #B88896, #60473F)
• Chestnut Villa color palette (#FFF2ED, #DFDECD, #ACB8CF, #A07776, #78470D)
• Pewter Terrace color palette (#FAEDFB, #F4CDD6, #E7B9A4, #996373, #3F2A3C)
• Softworn Grove color palette (#FFF3E7, #B5A679, #8E6A48, #7B3E20, #3E3D36)
• Linen Lime Coast color palette (#FFF1F2, #FFB883, #94BA1F, #894484, #5A2E19)
• Sunlit Mint color palette (#FFF2EB, #DDEEBF, #67D492, #A8596E, #583D17)
• Jade Workshop color palette (#FFEDDD, #D1BE71, #48B787, #804253, #3A3630)
• Lime Harbor color palette (#F8DBB8, #9CBD65, #00A29C, #772E28, #282A00)

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