diff --git a/spec/internals/color-spec.js b/spec/internals/color-spec.js
index f14b091ff..de3696b37 100644
--- a/spec/internals/color-spec.js
+++ b/spec/internals/color-spec.js
@@ -48,7 +48,7 @@ describe("COLOR", () => {
 			expect(pttrn).to.deep.equal(pattern);
 
 			// check if pattern value are cached
-			expect(internal.getCache("colorPattern")).to.deep.equal(pattern);
+			expect(document.body["__colorPattern__"]).to.deep.equal(pattern);
 		});
 
 		it("check if color pattern applied to data elements", () => {
diff --git a/src/internals/color.js b/src/internals/color.js
index 0ce3426bf..dd8a07855 100644
--- a/src/internals/color.js
+++ b/src/internals/color.js
@@ -45,9 +45,9 @@ extend(ChartInternal.prototype, {
 	 * @private
 	 */
 	getColorFromCss() {
-		const $$ = this;
-		const cacheKey = "colorPattern";
-		let pattern = $$.getCache(cacheKey);
+		const cacheKey = "__colorPattern__";
+		const body = document.body;
+		let pattern = body[cacheKey];
 
 		if (!pattern) {
 			const delimiter = ";";
@@ -55,7 +55,7 @@ extend(ChartInternal.prototype, {
 
 			span.className = CLASS.colorPattern;
 			span.style.display = "none";
-			document.body.appendChild(span);
+			body.appendChild(span);
 
 			const content = window.getComputedStyle(span).backgroundImage;
 
@@ -68,8 +68,7 @@ extend(ChartInternal.prototype, {
 					.map(v => v.trim().replace(/[\"'\s]/g, ""))
 					.filter(Boolean);
 
-
-				$$.addCache(cacheKey, pattern);
+				body[cacheKey] = pattern;
 			}
 		}