Muted Cocoa Station color palette — #FFF2EB · #E7D6C3 · #D1AD98 · #B3857B · #5B4400

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#E7D6C3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Rosewood Mist (#D1AD98): A luminous, dusty gold — the color of old brass.
• Caramel (#B3857B): A luminous, dusty orange — the color of toasted spice.
• Bronze (#5B4400): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, light, muted.

Use it as a design system

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

• Amber Alley color palette (#FFF0F9, #EECCF0, #E8A5C0, #C77266, #643E00)
• Taupe Archive color palette (#FFF1F9, #DEC1CD, #BD8F7D, #966662, #3D4D3C)
• Bronze Field color palette (#FBF5E1, #D2D4B0, #B0B07F, #AB7E40, #304500)
• Wandering Bronze Coast color palette (#F1E6D6, #CBC29C, #B69A5C, #A56944, #30312A)
• Tempered Balcony color palette (#FFF2F0, #E0ABC0, #D68C80, #19A490, #41292A)
• Wandering Stone color palette (#FCEDF7, #DCACBC, #9B758E, #625166, #213027)
• Soft Bronze color palette (#F2E7D0, #94A773, #917B00, #844A00, #001C0A)
• Hushed Lilac Atelier color palette (#F9F3F7, #FAD0E9, #D7B072, #A0A2F1, #312D27)

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