diff --git a/src/editor/js/components/nodetypeentry.tsx b/src/editor/js/components/nodetypeentry.tsx
index 42fa108dcfd144f138cd54b2a17a6ad10f80702b..41c3ab1c38462470c22b9540e5b06f5ff3bd6267 100644
--- a/src/editor/js/components/nodetypeentry.tsx
+++ b/src/editor/js/components/nodetypeentry.tsx
@@ -9,12 +9,19 @@ type propTypes = {
     type: NodeType;
     onChange: { (): void };
 };
+type stateTypes = {
+    temporaryColor: string;
+};
 
-export class NodeTypeEntry extends React.Component<propTypes> {
+export class NodeTypeEntry extends React.Component<propTypes, stateTypes> {
     constructor(props: propTypes) {
         super(props);
         this.deleteType = this.deleteType.bind(this);
         this.handleTextChange = this.handleTextChange.bind(this);
+
+        this.setState({
+            temporaryColor: undefined,
+        });
     }
 
     private deleteType() {
@@ -69,7 +76,11 @@ export class NodeTypeEntry extends React.Component<propTypes> {
                 <input
                     className="node-type-color"
                     type={"text"}
-                    value={this.props.type.color}
+                    value={
+                        this.state.temporaryColor
+                            ? this.state.temporaryColor
+                            : this.props.type.color
+                    }
                     onChange={(event) => this.handleTextChange(event, "color")}
                 />
                 {this.props.graph && this.props.graph.types.length > 1 ? (