Muted Cocoa color palette — #FFF1F4 · #D7BFBB · #A99584 · #7E6575 · #67484F

Built around Charcoal Brown, softened by Pewter — the whole palette hums with sophistication.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Oat (#D7BFBB): A whisper-light, dusty orange — the color of toasted spice.
• Taupe (#A99584): A luminous, dusty gold — the color of honey in a jar.
• Pewter (#7E6575): A full-bodied, dusty pink — the color of neon signs at night.
• Charcoal Brown (#67484F): A full-bodied, dusty red — the color of late-summer berries.

Feels like: Sophistication. Tagged vintage, retro, 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

• Weathered Parlor color palette (#FFF0FB, #D3B5B6, #A0897A, #57786E, #35565A)
• Weathered Bronze Grove color palette (#FCEFDC, #BAAE9C, #A57F3E, #685883, #6E473F)
• Ancient Fern Studio color palette (#F6F5EE, #BBC5AE, #6D8A6F, #7D5C5D, #405612)
• Lagoon Courtyard color palette (#FFD5C3, #C0AB88, #5F8764, #6E4854, #58332D)
• Softworn Delta color palette (#FBF4EA, #C4AC84, #7E97D3, #956900, #5F425A)
• Worn Pine Orchard color palette (#FBF3F1, #CCE7E0, #66A2BD, #437D54, #604A61)
• Frosted Garnet color palette (#FFD7ED, #D59A9F, #88744D, #62508D, #6A2C52)
• Timeworn Station color palette (#F4D9CD, #A27061, #575425, #55144E, #431815)

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