diff --git a/src/lib/components/parameters/ScaleAtInstantEdit.svelte b/src/lib/components/parameters/ScaleAtInstantEdit.svelte
index 090f13bd774192078a06c138fa5e09574853cdc7..1efec05e09137324d58bf123e28d33908d34bc39 100644
--- a/src/lib/components/parameters/ScaleAtInstantEdit.svelte
+++ b/src/lib/components/parameters/ScaleAtInstantEdit.svelte
@@ -272,7 +272,7 @@
 
   <div>
     <button
-      class="w-64 text-gray-500 hover:text-le-gris-dispositif"
+      class="w-64 text-gray-600 hover:text-le-gris-dispositif"
       on:click={appendBracket}
       type="button"
     >
diff --git a/src/lib/components/test_cases/TestCaseSummary.svelte b/src/lib/components/test_cases/TestCaseSummary.svelte
index 71c0fe442d4adac142c751453629d575ad16dbb0..8808f12e2a879a4a6df863d64f77979ce3c67f8f 100644
--- a/src/lib/components/test_cases/TestCaseSummary.svelte
+++ b/src/lib/components/test_cases/TestCaseSummary.svelte
@@ -366,7 +366,7 @@
       {#if displayMode.edit === undefined}
         {#if mode === "view"}
           <button
-            class="inline-flex items-center text-gray-500 hover:text-black"
+            class="inline-flex items-center text-gray-600 hover:text-black"
             on:click={() => (isTestCaseCompareModalOpen = true)}
             title="Comparer ce cas type avec un autre"
             id="situation_{situationIndex}_compare"
@@ -377,7 +377,7 @@
           </button>
         {/if}
         <button
-          class="inline-flex items-center text-gray-500 hover:text-black"
+          class="inline-flex items-center text-gray-600 hover:text-black"
           on:click={() => dispatch("changeTestCaseToEditIndex", situationIndex)}
           title="Éditer ce cas type"
           id="situation_{situationIndex}_edit"
diff --git a/src/lib/components/variables/VariableReferredScaleAtInstant.svelte b/src/lib/components/variables/VariableReferredScaleAtInstant.svelte
index f30e949a7a6004875850b5242979a24b3de6eac2..c94e555c413721d7c23bc5e2ac2e96af94c83ad5 100644
--- a/src/lib/components/variables/VariableReferredScaleAtInstant.svelte
+++ b/src/lib/components/variables/VariableReferredScaleAtInstant.svelte
@@ -287,7 +287,7 @@
 
   <div>
     <button
-      class="w-64 text-gray-500 hover:text-le-gris-dispositif"
+      class="w-64 text-gray-600 hover:text-le-gris-dispositif"
       on:click={appendBracket}
       type="button"
     >
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 2fe5d5d800448e414feaec1d7c191f7f16f6391b..06f31d8e2c16238bd84384f323d28799eb2a1152 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -607,7 +607,7 @@
       class:bg-le-jaune-dark={!displayMode.mobileLaw}
       class:shadow-inner-={!displayMode.mobileLaw}
       class:bg-le-jaune-light={displayMode.mobileLaw}
-      class:text-le-jaune-dark={displayMode.mobileLaw}
+      class:text-le-jaune-very-dark={displayMode.mobileLaw}
       href={newSimulationUrl({
         ...displayMode,
         mobileLaw: undefined,
@@ -655,7 +655,7 @@
               <!-- Bouton de fermeture du dispositif en cours - DESKTOP -->
               <div class="mx-5 mb-2 hidden justify-end md:flex">
                 <button
-                  class="inline-flex text-sm uppercase text-gray-400 hover:text-black"
+                  class="inline-flex text-sm uppercase text-gray-600 hover:text-black"
                   on:click={closeParametersEditionPane}
                   >Changer de dispositif
                   <svg
@@ -674,7 +674,7 @@
                 <!-- Bouton de fermeture du dispositif en cours - MOBILE -->
                 <div class="mx-5 mb-2 flex justify-end md:hidden">
                   <button
-                    class="inline-flex text-sm uppercase text-gray-400 hover:text-black"
+                    class="inline-flex text-sm uppercase text-gray-600 hover:text-black"
                     on:click={closeParametersEditionPane}
                     >Changer de dispositif
                     <svg
@@ -721,7 +721,7 @@
             -->
               <div class="mx-5 mb-2 hidden justify-end md:flex">
                 <button
-                  class="inline-flex text-sm uppercase text-gray-400 hover:text-black"
+                  class="inline-flex text-sm uppercase text-gray-600 hover:text-black"
                   on:click={closeParametersEditionPane}
                   >Changer de dispositif
                   <svg
@@ -776,7 +776,7 @@
                           <ReformsChanges {displayMode} />
                         </div>
                         <button
-                          class="inline-flex items-center place-self-end text-sm uppercase text-gray-500 hover:text-black"
+                          class="inline-flex items-center place-self-end text-sm uppercase text-gray-600 hover:text-black"
                           on:click={reset}
                         >
                           <Icon class="mr-1 h-4 w-4" icon="ri:refresh-line" />
@@ -788,7 +788,7 @@
                 {/if}
                 <div class="mx-3 mb-2 mt-5 flex justify-end bg-white md:hidden">
                   <button
-                    class="inline-flex text-sm uppercase text-gray-400 hover:text-black"
+                    class="inline-flex text-sm uppercase text-gray-600 hover:text-black"
                     on:click={closeParametersEditionPane}
                     >Changer de dispositif
                     <svg
@@ -852,7 +852,7 @@
                           <ReformsChanges {displayMode} />
                         </div>
                         <button
-                          class="inline-flex items-center place-self-end text-sm uppercase text-gray-500 hover:text-black"
+                          class="inline-flex items-center place-self-end text-sm uppercase text-gray-600 hover:text-black"
                           on:click={reset}
                         >
                           <Icon class="mr-1 h-4 w-4" icon="ri:refresh-line" />
@@ -870,7 +870,7 @@
           <!--Partie II modification de la loi - DESKTOP-->
           <div class="hidden w-1/3 flex-col bg-gray-200 shadow-lg md:flex">
             <button
-              class="ml-2 inline-flex h-10 items-center uppercase text-gray-500 hover:text-black lg:ml-4"
+              class="ml-2 inline-flex h-10 items-center uppercase text-gray-600 hover:text-black lg:ml-4"
               on:click={reset}
             >
               <Icon class="mr-1 h-4 w-4" icon="ri:refresh-line" />
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index ee60b8a3a2ecf0c546119b80abb39da0919f4ecf..39d4f109fa4ba17622bd65b7057c070969765e47 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -48,7 +48,8 @@ const config = {
         "le-bleu-light": "#d2dfff",
         "le-jaune-light": "#EEEA8A",
         "le-jaune": "#ded500",
-        "le-jaune-dark": "#a6a00c",
+        "le-jaune-dark": "#9d970b",
+        "le-jaune-very-dark": "#6E6A08",
         "le-rouge-bill": "#ff6b6b",
         "le-gris-dispositif": "#5E709E",
         "le-gris-dispositif-ultralight": "#EBEFFA",