diff --git a/src/components/tree/tree.color.component.css b/src/components/tree/tree.color.component.css
new file mode 100644
index 0000000..79b008c
--- /dev/null
+++ b/src/components/tree/tree.color.component.css
@@ -0,0 +1,28 @@
+.node{
+    border-color: #c63e3e;
+}
+
+.node h3{
+    color:#292929;
+}
+.visited{
+    background-color: #c63e3e;
+}
+
+input{
+    border-color: #c63e3e;
+    color:#292929;
+}
+
+.navbar{
+    border-color: #800000;
+}
+button{
+    background-color:  #800000;
+    color:white;
+}
+
+.logo h6{
+    border: 2px solid  #800000;
+    color: #800000;
+}
\ No newline at end of file
diff --git a/src/components/tree/tree.component.js b/src/components/tree/tree.component.js
index 13ba089..55b8718 100644
--- a/src/components/tree/tree.component.js
+++ b/src/components/tree/tree.component.js
@@ -1,5 +1,6 @@
 import React, { useState, useContext, useEffect, useRef, createRef } from 'react';
 import './tree.component.css';
+import './tree.color.component.css';
 import Node from './subtree/node/node.component';
 import TreeContext from './tree_context';
 import TreeModel from '../../classes/tree.model';