Cocoa Garden color palette — #DAEFD6 · #7CA174 · #007E6F · #7E3000 · #493E00

Built around Rust, softened by Teal — the whole palette hums with nature and growth.

The five colors

• Honeydew (#DAEFD6): A whisper-light, dusty green — the color of a quiet forest floor.
• Moss (#7CA174): A luminous, dusty green — the color of new leaves after rain.
• Teal (#007E6F): A full-bodied, balanced teal — the color of shallow lagoons.
• Rust (#7E3000): A full-bodied, balanced orange — the color of toasted spice.
• Deep Olive (#493E00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged vintage, retro, muted.

Use it as a design system

One click turns Cocoa Garden 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

• Chalky Spruce Summit color palette (#DCECD5, #74A689, #007994, #6B4400, #1E4400)
• Mulberry Basin color palette (#F0EADB, #AB9768, #557D42, #87174B, #583400)
• Patina Basalt color palette (#D6E7EB, #6B8E78, #2C5975, #433A00, #003627)
• Worn Bronze Drift color palette (#FAF6DE, #C1CBBC, #75988D, #876821, #4D5300)
• Antique Fern Balcony color palette (#EBFBE3, #A0BDAC, #9A818D, #606820, #325345)
• Cobalt Bloom color palette (#D8EDE8, #6EC0D4, #2089CC, #8A4B62, #602012)
• Cobalt Market color palette (#C8EFE8, #00A6B9, #006EB5, #612A3F, #421000)
• Washed Aqua color palette (#DDE5D4, #00DBD6, #81A3D7, #A9693E, #5A2900)

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