Cocoa Meadow color palette — #F4F8E2 · #61B69C · #00787C · #7C3C22 · #314023

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

The five colors

• Cream (#F4F8E2): A whisper-light, dusty green — the color of a quiet forest floor.
• Jade (#61B69C): A luminous, balanced teal — the color of glacier melt.
• Teal (#00787C): A full-bodied, balanced teal — the color of shallow lagoons.
• Bronze (#7C3C22): A full-bodied, balanced orange — the color of toasted spice.
• Forest (#314023): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, 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

• Cypress Delta color palette (#F9F5E7, #82B182, #007C60, #4F5601, #3A3B34)
• Wandering Pine color palette (#FEF4E0, #95AF58, #007F34, #763956, #3C3B34)
• Gentle Loft color palette (#D8FFF3, #00C49C, #007865, #004A3C, #002E21)
• Antique Alley color palette (#F2F8E3, #43D8A2, #009D81, #686E41, #114532)
• Hushed Olive color palette (#FAF4EE, #CFBF9D, #79885D, #547033, #624900)
• Dusty Fern color palette (#EDE3D6, #91904E, #356302, #533800, #322805)
• Timeworn Plum Basin color palette (#F2F9DC, #2AC167, #C4167C, #006F35, #611D40)
• Washed Mulberry color palette (#E5F2C9, #2CAC6B, #9F009A, #AB1C52, #023B20)

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