Cocoa Meadow color palette — #FFF2E9 · #C2A081 · #966549 · #6F4636 · #573400

Cocoa takes the lead with Walnut close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Camel (#C2A081): A luminous, dusty gold — the color of old brass.
• Walnut (#966549): A full-bodied, dusty gold — the color of old brass.
• Coffee (#6F4636): A full-bodied, dusty orange — the color of toasted spice.
• Cocoa (#573400): A deep, shadowed, dusty gold — the color of honey in a jar.

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

Use it as a design system

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

• Muted Pewter Dune color palette (#FAF5E6, #B2A780, #797447, #5D5125, #3E3D36)
• Apricot Balcony color palette (#FFF0F7, #F3C6A4, #E1996E, #AB7B69, #4E353D)
• Hushed Boulevard color palette (#F2DED1, #A97C5E, #804221, #5F1F0B, #351E03)
• Wandering Pewter Orchard color palette (#FFF0F8, #ABC7A8, #B68165, #935552, #2A4433)
• Antique Bronze color palette (#EEE1D5, #8E5A00, #542D00, #301300, #120900)
• Tempered Canyon color palette (#E6FCEC, #0091A5, #7F712D, #3F5E19, #25382B)
• Soft Plum color palette (#FFF1F3, #9A5294, #8F4016, #574000, #2B2A16)
• Worn Aubergine Pier color palette (#EDEEFF, #AFA4DB, #7D65A2, #673E7D, #5D2162)

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