Muted Cocoa color palette — #FFF3E2 · #FFD0C6 · #A5A66C · #876682 · #5C3400

Built around Cocoa, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#FFF3E2): A whisper-light, dusty gold — the color of old brass.
• Shell Pink (#FFD0C6): A whisper-light, dusty orange — the color of sun-warmed clay.
• Sage (#A5A66C): A luminous, dusty green — the color of a quiet forest floor.
• Slate (#876682): A full-bodied, dusty pink — the color of peonies in June.
• Cocoa (#5C3400): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged retro, muted, warm.

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

• Cocoa Lantern color palette (#FCF5DE, #FFCDDD, #BF9B6E, #547C6E, #672B0E)
• Ancient Parlor color palette (#FFF2EA, #FBD986, #6EB393, #8D6573, #413F38)
• Muted Fern Station color palette (#FBF4E8, #B1F1EF, #A5B591, #9A7D83, #4C4900)
• Sand Corridor color palette (#EAFAEE, #F1C898, #BCAE7D, #609799, #3C4D3D)
• Worn Bronze color palette (#F8F1E4, #C5A67A, #86793B, #12604A, #352A18)
• Worn Stone color palette (#FFF2EE, #E0E1C9, #B2CCB3, #9E8B94, #5C4D54)
• Muted Denim color palette (#EDF9ED, #D19886, #847740, #51518E, #57404A)
• Sand Boulevard color palette (#FEF3EB, #FFBA91, #6AA1C5, #556C90, #492F3E)

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