Cocoa Meadow color palette — #FFECF2 · #96B596 · #926776 · #65432A · #122817

Cocoa takes the lead with Mocha close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#FFECF2): A whisper-light, dusty rose — the color of strawberry cream.
• Sage (#96B596): A luminous, dusty green — the color of new leaves after rain.
• Mocha (#926776): A full-bodied, dusty rose — the color of strawberry cream.
• Cocoa (#65432A): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Onyx (#122817): 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

• Bronze Thicket color palette (#E7F6ED, #8EB6A3, #80763E, #5A4A1F, #09291F)
• Bronze Pier color palette (#FFEBF7, #C49FB1, #966855, #6A3F34, #301B24)
• Wandering Taupe Studio color palette (#FFF1F6, #C3E8CA, #B99677, #805F76, #20372D)
• Aged Chestnut color palette (#D7E5D6, #B09461, #7F5D2D, #59340C, #061D0F)
• Chestnut Balcony color palette (#FFF3E7, #CFBAA1, #B38557, #93582D, #413C36)
• Cobalt Workshop color palette (#E2F6FE, #1997A6, #736AAD, #68426B, #001E28)
• Tempered Summit color palette (#E6F5F6, #B0BA7E, #18634C, #003022, #011011)
• Hushed Bronze Orchard color palette (#D8E8DA, #866F1C, #573F00, #321E00, #070500)

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