Muted Cocoa color palette — #FBF6DE · #C8ECDC · #ADD2C3 · #9C8572 · #75410A

Bronze and Oat set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#FBF6DE): A whisper-light, dusty green — the color of a quiet forest floor.
• Honeydew (#C8ECDC): A whisper-light, dusty teal — the color of sea glass.
• Oat (#ADD2C3): A whisper-light, dusty teal — the color of sea glass.
• Caramel (#9C8572): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#75410A): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.

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

• Ancient Driftwood Market color palette (#EBFBE5, #BAE4E7, #C2AFE1, #8A843C, #524D00)
• Tempered Driftwood color palette (#E5F8E7, #B5CFBF, #78968C, #755B65, #503A3F)
• Aged Veil Villa color palette (#DFFCFF, #C7DCF6, #ACC4DA, #A29AAA, #5D4959)
• Wandering Bronze Loft color palette (#F5F8DD, #B8D6BF, #BD97B1, #7A6D22, #3B3A33)
• Worn Aqua color palette (#D7FFE2, #70CAE2, #8381BA, #58544D, #322E28)
• Patina Periwinkle color palette (#E1FFDC, #8CEBF2, #77A0EC, #88692E, #403B35)
• Aged Lantern color palette (#E7FBED, #81DCEE, #E9AD6C, #C79865, #2A3E31)
• Turquoise Archive color palette (#EAFAF0, #B9F0FF, #FFB996, #3BA9C3, #4B4540)

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