diff --git a/client/homebrew/editor/snippetbar/snippets/watercolor.gen.js b/client/homebrew/editor/snippetbar/snippets/watercolor.gen.js
index 40b5da973..735a35602 100644
--- a/client/homebrew/editor/snippetbar/snippets/watercolor.gen.js
+++ b/client/homebrew/editor/snippetbar/snippets/watercolor.gen.js
@@ -1,20 +1,5 @@
 const _ = require('lodash');
 
-const watercolorBG = [
-	'https://i.imgur.com/UPUX4zG.png',
-	'https://i.imgur.com/Q6Uquv9.png',
-	'https://i.imgur.com/UOtaJpJ.png',
-	'https://i.imgur.com/Wy2DVk3.png',
-	'https://i.imgur.com/IempVlg.png',
-	'https://i.imgur.com/iJ1ddgd.png',
-	'https://i.imgur.com/qg4an04.png',
-	'https://i.imgur.com/ogGTcCh.png',
-	'https://i.imgur.com/itBD19A.png',
-	'https://i.imgur.com/tbbycAt.png',
-	'https://i.imgur.com/1SVWpGR.png',
-	'https://i.imgur.com/wC1zkuJ.png'
-];
-
 module.exports = ()=>{
-	return `\n![watercolor bg](${_.sample(watercolorBG)}) {watercolor,position:absolute,top:0px,left:0px,width:240px,filter:hue-rotate(0deg),mix-blend-mode:multiply,opacity:80%}\n`;
-};
\ No newline at end of file
+	return `{{watercolor${_.random(1, 12)},top:20px,left:30px,width:300px,background-color:#BBAD82,opacity:80%}}\n\n`;
+};
diff --git a/themes/5ePhb.style.less b/themes/5ePhb.style.less
index 3c6d0485e..652744514 100644
--- a/themes/5ePhb.style.less
+++ b/themes/5ePhb.style.less
@@ -9,6 +9,7 @@
 @headerText            : #58180D; // Dark maroon
 @monsterStatBackground : #EEDBAB; // Light orange parchment
 @captionText           : #766649; // Brown
+@watercolorStain       : #BBAD82; // Light brown
 @page { margin: 0; }
 body {
 	counter-reset : phb-page-numbers;
@@ -322,6 +323,42 @@ body {
 		}
 	}
 
+	/* Watercolor */
+	[class*="watercolor"] {
+		position            : absolute;
+		width               : 2000px;    /* dimensions need to be real big so the user can set */
+		height              : 2000px;    /* height or width and the image will maintain aspect ratio */
+		-webkit-mask-image  : var(--wc);
+		-webkit-mask-size   : contain;
+		-webkit-mask-repeat : no-repeat;
+		mask-image          : var(--wc);
+		mask-size           : contain;
+		mask-repeat         : no-repeat;
+		background-size     : cover;
+		background-color    : @watercolorStain;			/*default color*/
+		--wc                : @watercolor1;         /*default image*/
+		z-index             : -2;
+	}
+
+	.watercolor1  { --wc : @watercolor1; }
+	.watercolor2  { --wc : @watercolor2; }
+	.watercolor3  { --wc : @watercolor3; }
+	.watercolor4  { --wc : @watercolor4; }
+	.watercolor5  { --wc : @watercolor5; }
+	.watercolor6  { --wc : @watercolor6; }
+	.watercolor7  { --wc : @watercolor7; }
+	.watercolor8  { --wc : @watercolor8; }
+	.watercolor9  { --wc : @watercolor9; }
+	.watercolor10 { --wc : @watercolor10; }
+	.watercolor11 { --wc : @watercolor11; }
+	.watercolor12 { --wc : @watercolor12; }
+
+	img {
+		z-index: 2 !important;
+		filter : drop-shadow(0px 6px 6px rgba(0,0,0,.4));
+		position: absolute;
+	}
+
 	//*****************************
 	// *    MONSTER STAT BLOCK
 	// *****************************/
diff --git a/themes/assets/assets.less b/themes/assets/assets.less
index f159c9fc6..0823856fe 100644
--- a/themes/assets/assets.less
+++ b/themes/assets/assets.less
@@ -8,3 +8,18 @@
 @monsterBlockBackground   : data-uri('./themes/assets/parchmentBackgroundGrayscale.jpg');
 @monsterBorderImage       : data-uri('./themes/assets/monsterBorderFancy.png');
 @codeBorderImage          : data-uri('./themes/assets/codeBorder.png');
+
+// Watercolor Images
+
+@watercolor1  : data-uri('./themes/assets/watercolor/watercolor1.png');
+@watercolor2  : data-uri('./themes/assets/watercolor/watercolor2.png');
+@watercolor3  : data-uri('./themes/assets/watercolor/watercolor3.png');
+@watercolor4  : data-uri('./themes/assets/watercolor/watercolor4.png');
+@watercolor5  : data-uri('./themes/assets/watercolor/watercolor5.png');
+@watercolor6  : data-uri('./themes/assets/watercolor/watercolor6.png');
+@watercolor7  : data-uri('./themes/assets/watercolor/watercolor7.png');
+@watercolor8  : data-uri('./themes/assets/watercolor/watercolor8.png');
+@watercolor9  : data-uri('./themes/assets/watercolor/watercolor9.png');
+@watercolor10 : data-uri('./themes/assets/watercolor/watercolor10.png');
+@watercolor11 : data-uri('./themes/assets/watercolor/watercolor11.png');
+@watercolor12 : data-uri('./themes/assets/watercolor/watercolor12.png');
diff --git a/themes/assets/watercolor/watercolor1.png b/themes/assets/watercolor/watercolor1.png
new file mode 100644
index 000000000..5855e6aff
Binary files /dev/null and b/themes/assets/watercolor/watercolor1.png differ
diff --git a/themes/assets/watercolor/watercolor10.png b/themes/assets/watercolor/watercolor10.png
new file mode 100644
index 000000000..96c38892e
Binary files /dev/null and b/themes/assets/watercolor/watercolor10.png differ
diff --git a/themes/assets/watercolor/watercolor11.png b/themes/assets/watercolor/watercolor11.png
new file mode 100644
index 000000000..e43ab4f0e
Binary files /dev/null and b/themes/assets/watercolor/watercolor11.png differ
diff --git a/themes/assets/watercolor/watercolor12.png b/themes/assets/watercolor/watercolor12.png
new file mode 100644
index 000000000..f901dd46a
Binary files /dev/null and b/themes/assets/watercolor/watercolor12.png differ
diff --git a/themes/assets/watercolor/watercolor2.png b/themes/assets/watercolor/watercolor2.png
new file mode 100644
index 000000000..3ce39c171
Binary files /dev/null and b/themes/assets/watercolor/watercolor2.png differ
diff --git a/themes/assets/watercolor/watercolor3.png b/themes/assets/watercolor/watercolor3.png
new file mode 100644
index 000000000..2b6600e97
Binary files /dev/null and b/themes/assets/watercolor/watercolor3.png differ
diff --git a/themes/assets/watercolor/watercolor4.png b/themes/assets/watercolor/watercolor4.png
new file mode 100644
index 000000000..d7b91c377
Binary files /dev/null and b/themes/assets/watercolor/watercolor4.png differ
diff --git a/themes/assets/watercolor/watercolor5.png b/themes/assets/watercolor/watercolor5.png
new file mode 100644
index 000000000..8b0d08a10
Binary files /dev/null and b/themes/assets/watercolor/watercolor5.png differ
diff --git a/themes/assets/watercolor/watercolor6.png b/themes/assets/watercolor/watercolor6.png
new file mode 100644
index 000000000..f82bc3a3e
Binary files /dev/null and b/themes/assets/watercolor/watercolor6.png differ
diff --git a/themes/assets/watercolor/watercolor7.png b/themes/assets/watercolor/watercolor7.png
new file mode 100644
index 000000000..c49bcbafe
Binary files /dev/null and b/themes/assets/watercolor/watercolor7.png differ
diff --git a/themes/assets/watercolor/watercolor8.png b/themes/assets/watercolor/watercolor8.png
new file mode 100644
index 000000000..bfc82f227
Binary files /dev/null and b/themes/assets/watercolor/watercolor8.png differ
diff --git a/themes/assets/watercolor/watercolor9.png b/themes/assets/watercolor/watercolor9.png
new file mode 100644
index 000000000..c001f2dee
Binary files /dev/null and b/themes/assets/watercolor/watercolor9.png differ
diff --git a/themes/assets/watercolor_orig/watercolor1.png b/themes/assets/watercolor_orig/watercolor1.png
new file mode 100644
index 000000000..a724fa06d
Binary files /dev/null and b/themes/assets/watercolor_orig/watercolor1.png differ
diff --git a/themes/assets/watercolor_orig/watercolor10.png b/themes/assets/watercolor_orig/watercolor10.png
new file mode 100644
index 000000000..d21d29662
Binary files /dev/null and b/themes/assets/watercolor_orig/watercolor10.png differ
diff --git a/themes/assets/watercolor_orig/watercolor11.png b/themes/assets/watercolor_orig/watercolor11.png
new file mode 100644
index 000000000..73d456f38
Binary files /dev/null and b/themes/assets/watercolor_orig/watercolor11.png differ
diff --git a/themes/assets/watercolor_orig/watercolor12.png b/themes/assets/watercolor_orig/watercolor12.png
new file mode 100644
index 000000000..f2fcd2e9b
Binary files /dev/null and b/themes/assets/watercolor_orig/watercolor12.png differ
diff --git a/themes/assets/watercolor_orig/watercolor2.png b/themes/assets/watercolor_orig/watercolor2.png
new file mode 100644
index 000000000..7eb092ea7
Binary files /dev/null and b/themes/assets/watercolor_orig/watercolor2.png differ
diff --git a/themes/assets/watercolor_orig/watercolor3.png b/themes/assets/watercolor_orig/watercolor3.png
new file mode 100644
index 000000000..f1008d3cb
Binary files /dev/null and b/themes/assets/watercolor_orig/watercolor3.png differ
diff --git a/themes/assets/watercolor_orig/watercolor4.png b/themes/assets/watercolor_orig/watercolor4.png
new file mode 100644
index 000000000..d5cde7db3
Binary files /dev/null and b/themes/assets/watercolor_orig/watercolor4.png differ
diff --git a/themes/assets/watercolor_orig/watercolor5.png b/themes/assets/watercolor_orig/watercolor5.png
new file mode 100644
index 000000000..63316240d
Binary files /dev/null and b/themes/assets/watercolor_orig/watercolor5.png differ
diff --git a/themes/assets/watercolor_orig/watercolor6.png b/themes/assets/watercolor_orig/watercolor6.png
new file mode 100644
index 000000000..81274df20
Binary files /dev/null and b/themes/assets/watercolor_orig/watercolor6.png differ
diff --git a/themes/assets/watercolor_orig/watercolor7.png b/themes/assets/watercolor_orig/watercolor7.png
new file mode 100644
index 000000000..a3940cb05
Binary files /dev/null and b/themes/assets/watercolor_orig/watercolor7.png differ
diff --git a/themes/assets/watercolor_orig/watercolor8.png b/themes/assets/watercolor_orig/watercolor8.png
new file mode 100644
index 000000000..a202bb4b2
Binary files /dev/null and b/themes/assets/watercolor_orig/watercolor8.png differ
diff --git a/themes/assets/watercolor_orig/watercolor9.png b/themes/assets/watercolor_orig/watercolor9.png
new file mode 100644
index 000000000..494534984
Binary files /dev/null and b/themes/assets/watercolor_orig/watercolor9.png differ