Muted Cocoa Study color palette — #FCF3ED · #CFBF94 · #815035 · #572C00 · #28251E

Espresso and Coffee set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FCF3ED): bright and airy, almost weightless.
• Sand (#CFBF94): A luminous, dusty green — the color of a quiet forest floor.
• Coffee (#815035): A full-bodied, dusty orange — the color of autumn markets.
• Espresso (#572C00): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#28251E): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Muted Cocoa Study 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 Bloom color palette (#FCF3EC, #E9CE94, #A0724F, #713F03, #312A24)
• Worn Stone color palette (#FCEDF3, #D8C08E, #7B5466, #3E2A33, #191115)
• Antique Summit color palette (#FAF4F0, #F0AE94, #008E96, #9F5637, #273129)
• Tempered Sand color palette (#FBF2F6, #ECDEAF, #B991A4, #816371, #32282D)
• Marigold Balcony color palette (#FFF3E4, #C49C20, #614100, #352200, #151400)
• Muted Market color palette (#F6F6E8, #D7A275, #3A5C1D, #223413, #162014)
• Cellar Chestnut Lagoon color palette (#FAE7D5, #6F5D00, #212F2E, #210F00, #050200)
• Aged Bronze Lagoon color palette (#E4E2D3, #AC6900, #242B00, #141E18, #080B00)

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