Cocoa Meadow color palette — #F8F5EE · #E2D0A2 · #8C7D41 · #624900 · #302B20

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

The five colors

• Ivory (#F8F5EE): bright and airy, almost weightless.
• Wheat (#E2D0A2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Walnut (#8C7D41): A full-bodied, balanced green — the color of a quiet forest floor.
• Bronze (#624900): A full-bodied, balanced gold — the color of old brass.
• Espresso (#302B20): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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

• Stone Summit color palette (#FAF5E9, #DABB85, #695F28, #3B3832, #23251C)
• Worn Jade color palette (#F6F5EE, #C6DAA3, #44B28C, #7D9847, #2C2F29)
• Weathered Bronze Cabin color palette (#E4DECE, #8C7200, #302D00, #1A221C, #070600)
• Washed Sand color palette (#EFF8F2, #F1DCB0, #84A893, #567563, #212F27)
• Tempered Fern color palette (#E1DFCB, #B4A64E, #475F00, #212E00, #0D0C00)
• Weathered Moss Grove color palette (#EFF1E3, #9B9803, #015511, #002203, #020300)
• Taupe Workshop color palette (#F5F6EF, #D5DCD6, #A2B1BF, #9D9F75, #53534D)
• Teal Chapel color palette (#F8F6E6, #99CDA4, #39A78C, #4F7391, #3E5006)

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