diff --git a/examples/ui/widget_design_patterns/js/example.js b/examples/ui/widget_design_patterns/js/example.js
index a780e144..d41b95b9 100644
--- a/examples/ui/widget_design_patterns/js/example.js
+++ b/examples/ui/widget_design_patterns/js/example.js
@@ -289,9 +289,9 @@ Ox.My.MetaBox = function(options, self) {
     three columns:
     <pre>
     Ox.My.MetaBox({
-        color: [
-            [[255, 0, 0], [255, 255, 0], [0, 255, 0]],
-            [[0, 255, 255], [0, 255, 0], [255, 0, 255]]
+        color: [[
+            [[64, 0, 0], [64, 64, 0], [0, 64, 0]],
+            [[0, 64, 64], [0, 0, 64], [64, 0, 64]]
         ]
     });
     </pre>