Velvet Cocoa Garden color palette — #D2E5CE · #00635D · #583600 · #272800 · #030500

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

The five colors

• Celadon Mist (#D2E5CE): A whisper-light, dusty green — the color of fresh herbs.
• Pine (#00635D): A full-bodied, dusty teal — the color of shallow lagoons.
• Cocoa (#583600): A deep, shadowed, dusty gold — the color of old brass.
• Onyx (#272800): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#030500): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.

Use it as a design system

One click turns Velvet 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

• Muted Atelier color palette (#D7E7D3, #006E61, #00389A, #292500, #050600)
• Wandering Coast color palette (#D7F2FD, #00626C, #6F0545, #3E2200, #001709)
• Muted Pine Drift color palette (#DFE4CF, #00721F, #770304, #412400, #060500)
• Nightshade Grove color palette (#E3F9E7, #007D88, #503F9E, #294000, #030B00)
• Tempered Pier color palette (#D0E8DF, #005C89, #6D0086, #002C1A, #000501)
• Sunlit Cobalt Canyon color palette (#DFF8F1, #0087DA, #73437B, #005035, #061B0E)
• Gentle Terracotta color palette (#E4FDE7, #00859A, #A53A00, #6C2300, #010100)
• Hushed Iris color palette (#FAEEF5, #8583DC, #915368, #065658, #0C201B)

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