Cocoa Meadow color palette — #FFEFDC · #BBAA77 · #906E3B · #6F3F00 · #282211

Bronze and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFEFDC): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#BBAA77): A luminous, dusty green — the color of new leaves after rain.
• Walnut (#906E3B): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Bronze (#6F3F00): A full-bodied, balanced gold — the color of old brass.
• Onyx (#282211): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Wandering Meadow color palette (#FFEEE4, #D6B497, #A37767, #83442B, #352A1E)
• Airy Bronze color palette (#FFE3CE, #D0914A, #A64F00, #683125, #281900)
• Antique Bronze color palette (#EBFAEB, #B2A87A, #8D6C3C, #684558, #2B433B)
• Bronze Station color palette (#F4DCC5, #A97E34, #7C4600, #531E01, #150D00)
• Softworn Bronze color palette (#ECE3D5, #81720C, #573F00, #341C00, #070500)
• Timeworn Driftwood Dune color palette (#E8FBE9, #A6C8AE, #A98A58, #835C69, #2C4335)
• Mustard Courtyard color palette (#FFEDEE, #D1AE62, #6E4469, #3A1D22, #14090A)
• Washed Bronze color palette (#FCEEEE, #E696C3, #AD5D10, #924674, #160B03)

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