diff --git a/site/content/docs/5.3/examples/grid/grid.css b/site/content/docs/5.3/examples/grid/grid.css
index 18e3568b1bbf..cbc7c311fb1b 100644
--- a/site/content/docs/5.3/examples/grid/grid.css
+++ b/site/content/docs/5.3/examples/grid/grid.css
@@ -1,13 +1,13 @@
 .themed-grid-col {
   padding-top: .75rem;
   padding-bottom: .75rem;
-  background-color: rgba(86, 61, 124, .15);
-  border: 1px solid rgba(86, 61, 124, .2);
+  background-color: rgba(112.520718, 44.062154, 249.437846, .15);
+  border: 1px solid rgba(112.520718, 44.062154, 249.437846, .3);
 }
 
 .themed-container {
   padding: .75rem;
   margin-bottom: 1.5rem;
-  background-color: rgba(0, 123, 255, .15);
-  border: 1px solid rgba(0, 123, 255, .2);
+  background-color: rgba(112.520718, 44.062154, 249.437846, .15);
+  border: 1px solid rgba(112.520718, 44.062154, 249.437846, .3);
 }
diff --git a/site/static/docs/5.3/assets/img/examples/grid.png b/site/static/docs/5.3/assets/img/examples/grid.png
index 2c18784c238a..7b006deb1688 100644
Binary files a/site/static/docs/5.3/assets/img/examples/grid.png and b/site/static/docs/5.3/assets/img/examples/grid.png differ
diff --git a/site/static/docs/5.3/assets/img/examples/grid@2x.png b/site/static/docs/5.3/assets/img/examples/grid@2x.png
index e95c36365825..facb663698aa 100644
Binary files a/site/static/docs/5.3/assets/img/examples/grid@2x.png and b/site/static/docs/5.3/assets/img/examples/grid@2x.png differ