diff --git a/src/lib/components/FormControl/Validation.svelte b/src/lib/components/FormControl/Validation.svelte
index 09f5fbed..5a24681c 100644
--- a/src/lib/components/FormControl/Validation.svelte
+++ b/src/lib/components/FormControl/Validation.svelte
@@ -8,11 +8,11 @@
     <div class="icon">
 
         {#if state === 'error'}
-            <IconExclamationTriangleFill />
+            <IconExclamationTriangleFill style="color:var(--red)" />
         {:else if state === 'warning'}
-            <IconInfoCircleFill />
+            <IconInfoCircleFill style="color:var(--orange)" />
         {:else}
-            <IconCheckCircleFill />
+            <IconCheckCircleFill style="color:var(--green)" />
         {/if}
 
     </div>
diff --git a/src/lib/variables.scss b/src/lib/variables.scss
index 3fd22336..02de345b 100644
--- a/src/lib/variables.scss
+++ b/src/lib/variables.scss
@@ -36,7 +36,7 @@
     --blue-light: #dae5ff;
 
     --orange-dark: #8b5b04;
-    --orange: #f1c40f;
+    --orange: #e2b500;
     --orange-light: #efe3b4;
 
     --gray-light: #ddd;