diff --git a/module/story/css/create.ui.css b/module/story/css/create.ui.css
index c3ab9fe3c4..c28ddc1f4e 100644
--- a/module/story/css/create.ui.css
+++ b/module/story/css/create.ui.css
@@ -6,3 +6,4 @@
 #storyNoticeBranch .form-label{height:auto;}
 #storyNoticeBranch .form-group{min-height:auto;}
 #planIdBox, #moduleIdBox{width:100%;}
+.titleBox .input-control-suffix {width: 2.5rem;}
diff --git a/module/story/ui/create.html.php b/module/story/ui/create.html.php
index fffcf0e8ac..648f3fcf12 100644
--- a/module/story/ui/create.html.php
+++ b/module/story/ui/create.html.php
@@ -310,7 +310,25 @@ formPanel
             set::width('3/5'),
             set::label($lang->story->title),
             set::required($fields['title']['required']),
-            input(set::name('title'), set::value($fields['title']['default'])),
+            inputControl
+            (
+                setClass('titleBox'),
+                input
+                (
+                    set::name('title'),
+                    set::value($fields['title']['default']),
+                ),
+                to::suffix
+                (
+                    colorPicker
+                    (
+                        set::heading($lang->story->colorTag),
+                        set::name('color'),
+                        set::value(''),
+                        set::syncColor('#title')
+                    ),
+                ),
+            ),
         ),
         formGroup
         (