Cocoa Meadow color palette — #FFF3E9 · #C2A172 · #996442 · #7C3E21 · #403D36

A conversation between Bronze and Walnut, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Camel (#C2A172): A luminous, dusty gold — the color of old brass.
• Walnut (#996442): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Bronze (#7C3E21): A full-bodied, balanced orange — the color of toasted spice.
• Charcoal (#403D36): a grounded near-black with real depth.

Feels like: Optimism, 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

• Ancient Terracotta Meadow color palette (#FFEADE, #D28A47, #A64928, #772C38, #39352F)
• Aged Lantern color palette (#FCF5E1, #9EAF7F, #7B743E, #704800, #3C4200)
• Antique Driftwood color palette (#FFF0F7, #D2BA92, #B38365, #8C5959, #264438)
• Patina Amber color palette (#FCE2D3, #B6773C, #853D22, #5E1D28, #322002)
• Frosted Blush Ridge color palette (#F9E8FF, #E684B0, #AB545B, #7F3C1B, #523200)
• Wisteria Thicket color palette (#FFF1F4, #CD94E8, #9D5C33, #744D87, #2D2119)
• Aged Bronze color palette (#FFEAD8, #826200, #532E00, #360B00, #0C0C00)
• Tempered Mint Lagoon color palette (#FFF0F8, #9CBB6F, #524979, #3D2532, #231717)

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