Cocoa Meadow color palette — #D2E9EC · #007367 · #7A4200 · #3D3600 · #000701

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

The five colors

• Frost (#D2E9EC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Teal (#007367): A full-bodied, balanced teal — the color of glacier melt.
• Bronze (#7A4200): A full-bodied, balanced gold — the color of old brass.
• Espresso (#3D3600): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#000701): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Pine Delta color palette (#D6EDED, #007B50, #00597E, #473000, #050C00)
• Chestnut Lantern color palette (#D1F3FB, #008B84, #8A5000, #484500, #001F0E)
• Pale Pier color palette (#DBF0ED, #00812C, #8B0016, #432700, #050500)
• Muted Raspberry color palette (#D1EEE2, #0091C7, #C9009B, #665500, #00070A)
• Worn Veranda color palette (#D8EBFB, #0079B6, #506700, #005136, #001720)
• Fern Alley color palette (#E9F8FF, #00A7C2, #8C7300, #386200, #00272C)
• Antique Cabin color palette (#EBF7FE, #54B7CC, #998741, #4F7142, #263B3F)
• Hushed Parlor color palette (#E5ECF2, #BBC5D0, #95A6BE, #00679B, #16212A)

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