diff --git a/component-4-comp-5-states.js b/component-4-comp-5-states.js
index <HASH>..<HASH> 100644
--- a/component-4-comp-5-states.js
+++ b/component-4-comp-5-states.js
@@ -36,7 +36,7 @@ $cs.transition = function () {
 };
 
 /*  initialize state transition set with a reasonable default  */
-$cs.transition("created",      "create",  "destroy", "#777777"); /* created and attached to component tree */
+$cs.transition("created",      "create",  "destroy", "#999999"); /* created and attached to component tree */
 $cs.transition("prepared",     "prepare", "cleanup", "#cc3333"); /* prepared and ready for rendering */
 $cs.transition("materialized", "render",  "release", "#daac33"); /* rendered onto the DOM tree */
 $cs.transition("visible",      "show",    "hide",    "#339900"); /* visible to the user */
use a lighter grey for the created state