diff --git a/resources/assets/styles/components/forms.css b/resources/assets/styles/components/forms.css
index 6869532df..f9de27916 100644
--- a/resources/assets/styles/components/forms.css
+++ b/resources/assets/styles/components/forms.css
@@ -10,7 +10,7 @@
     @apply .appearance-none .block .w-full .text-grey-darker .border-b-2 .border-grey-light .py-3 .mb-3;
 
     &:focus {
-        @apply .border-blue;
+        @apply .border-blue-light;
         outline: 0;
         transition: border 500ms ease-out;
     }
diff --git a/tailwind.js b/tailwind.js
index 15105833d..a42c60520 100644
--- a/tailwind.js
+++ b/tailwind.js
@@ -96,13 +96,13 @@ let colors = {
     'teal-lighter': '#a0f0ed',
     'teal-lightest': '#e8fffe',
 
-    'blue-darkest': '#03101f',
-    'blue-darker': '#06213f',
-    'blue-dark': '#0c427f',
+    'blue-darkest': '#041224',
+    'blue-darker': '#082a52',
+    'blue-dark': '#0d4280',
     'blue': '#10529f',
-    'blue-light': '#4074b3',
-    'blue-lighter': '#7096c7',
-    'blue-lightest': '#a0b8d8',
+    'blue-light': '#156acd',
+    'blue-lighter': '#88b9f3',
+    'blue-lightest': '#d5e6fb',
 
     'indigo-darkest': '#191e38',
     'indigo-darker': '#2f365f',