Muted Cocoa color palette — #FFF2EE · #F4DDA3 · #E3D2CC · #C0C1B6 · #64280B

A conversation between Rust and Peach Cream, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Peach Cream (#F4DDA3): A whisper-light, dusty gold — the color of old brass.
• Bone (#E3D2CC): A whisper-light, dusty orange — the color of sun-warmed clay.
• Stone (#C0C1B6): soft and architectural.
• Rust (#64280B): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, muted.

Use it as a design system

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

• Oat Alley color palette (#FFF1F4, #E0D2D6, #F4BCA6, #BBB6A9, #533537)
• Dusty Marigold Chapel color palette (#FFF2EB, #E8DAD7, #C6BEA1, #ECA100, #431B00)
• Wandering Lime color palette (#FFF3E4, #E4DCD2, #B1C4AE, #A4C834, #38342E)
• Dusty Bronze Thicket color palette (#FFF2ED, #E8D7C7, #DD9A73, #A4662A, #534E48)
• Ancient Driftwood color palette (#FFF2EE, #E1D9CB, #C3C0AB, #7C9475, #42584D)
• Muted Fern color palette (#F7F5EB, #BFE1D4, #A9B48D, #9E7B7E, #4A4900)
• Timeworn Meadow color palette (#FEF0FE, #F6D0D5, #F9A7B3, #BB875F, #4E3D4B)
• Aged Cerulean color palette (#F8F5EF, #C7DCE7, #B8BFEB, #2FA3B1, #5B4559)

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