Muted Cocoa Coast color palette — #FEEEE9 · #A7686D · #612B00 · #34241F · #1A1410

Rust and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#FEEEE9): bright and airy, almost weightless.
• Mocha (#A7686D): A full-bodied, balanced red — the color of a theater curtain.
• Rust (#612B00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#34241F): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#1A1410): a grounded near-black with real depth.

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

Use it as a design system

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

• Patina Blush Lantern color palette (#FAEDFA, #FF929B, #8B7382, #595259, #232025)
• Shadow Rust Bloom color palette (#F4E5DD, #B63400, #412200, #310800, #110700)
• Patina Coast color palette (#EEE3D3, #926900, #34322B, #281D0C, #0F0D04)
• Basalt Thicket color palette (#F9EEDA, #4A5757, #463700, #16211F, #070900)
• Indigo Coast color palette (#FFF3E8, #BA8D6C, #3D9C88, #7D69AA, #47413C)
• Patina Chestnut color palette (#FFF2ED, #E0A59B, #B7745B, #92501E, #524D47)
• Fern Basin color palette (#F8F5EB, #C3C2AA, #698B6C, #82595F, #544F00)
• Softworn Atelier color palette (#FCF3ED, #D1A58D, #5AA3C5, #B1540B, #225369)

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