diff --git a/src/App.jsx b/src/App.jsx
index 34ef7b3..b3062f1 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,8 +1,10 @@
 const App = () => {
   return (
-    <>
-      <h1 className="underline p-4">Hello World!</h1>
-    </>
+    <div>
+      <h1 className="text-orange bg-brown text-4xl font-bold">
+        Welcome to KlinicCon App
+      </h1>
+    </div>
   );
 };
 
diff --git a/tailwind.config.js b/tailwind.config.js
index fcd1c95..61e9f76 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,3 +1,5 @@
+const defaultColors = require('tailwindcss/colors');
+
 /** @type {import('tailwindcss').Config} */
 export default {
   content: [
@@ -6,7 +8,18 @@ export default {
     "./.storybook/**/*.{js,jsx,ts,tsx}",
   ],
   theme: {
-    extend: {},
+    extend: {
+      colors: {
+        ...defaultColors,
+        'orange': {
+          DEFAULT: '#ff6725',
+          'dark': '#ff3f25',
+          'light': '#fef7f3',
+        },
+        'brown': '#453a34',
+        'green': '#00b579',
+      },
+    },
   },
   plugins: [],
 };