Muted Cocoa Study color palette — #FFE4F4 · #A16E77 · #7A4531 · #16452E · #002C2C

Coffee and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FFE4F4): A whisper-light, dusty pink — the color of a candy shop window.
• Mocha (#A16E77): A full-bodied, dusty red — the color of embers at dusk.
• Coffee (#7A4531): A full-bodied, dusty orange — the color of autumn markets.
• Forest (#16452E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Forest (#002C2C): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Weathered Balcony color palette (#E3E0FF, #9E73AB, #714558, #3C3B0A, #003027)
• Chestnut Chapel color palette (#F1DEDB, #A67A8E, #645206, #003F46, #1B2145)
• Cocoa Lantern color palette (#E2EAF9, #916992, #7B3C31, #002E46, #001321)
• Basalt Loft color palette (#F6E0DC, #7D5A3A, #4B4000, #002127, #000E20)
• Timeworn Chestnut color palette (#DFE4F5, #AD83AC, #975643, #005779, #002B3E)
• Amber Courtyard color palette (#F9E3F2, #CF8D96, #C07046, #307556, #1B341A)
• Aged Bronze color palette (#FADFE2, #D0886F, #905E00, #005755, #233A60)
• Softworn Driftwood color palette (#F8EDFF, #BDA4BC, #9F7E8D, #456667, #394960)

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