elastic
diff --git a/‎packages/eui/.loki/reference/chrome_desktop_Forms_EuiColorPicker_EuiColorPicker_High_Contrast_Dark_Mode.png‎
71 Bytes b/‎packages/eui/.loki/reference/chrome_desktop_Forms_EuiColorPicker_EuiColorPicker_High_Contrast_Dark_Mode.png‎
71 Bytes
diff --git a/‎packages/eui/.loki/reference/chrome_mobile_Forms_EuiColorPicker_EuiColorPicker_High_Contrast_Dark_Mode.png‎
-144 Bytes b/‎packages/eui/.loki/reference/chrome_mobile_Forms_EuiColorPicker_EuiColorPicker_High_Contrast_Dark_Mode.png‎
-144 Bytes
diff --git a/‎packages/eui/src/components/color_picker/hue.styles.ts‎
Lines changed: 1 addition & 1 deletion b/‎packages/eui/src/components/color_picker/hue.styles.ts‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎packages/eui/src/components/color_picker/saturation.styles.ts‎
Lines changed: 4 additions & 7 deletions b/‎packages/eui/src/components/color_picker/saturation.styles.ts‎
Lines changed: 4 additions & 7 deletions
@@ -98,7 +98,7 @@ export const euiHueStyles = (euiThemeContext: UseEuiTheme) => {
         ? `
         &:focus {
           ${euiRangeThumbPerBrowser(`
-            outline: ${euiTheme.border.width.thin} solid ${euiTheme.colors.fullShade};
+            outline: ${euiTheme.border.width.thin} solid ${euiTheme.colors.ink};
             outline-offset: 0;
           `)}
         }`
 
@@ -39,7 +39,9 @@ export const euiSaturationStyles = (euiThemeContext: UseEuiTheme) => {
 
         .euiSaturation__indicator {
           ${highContrastMode
-            ? `outline: ${euiTheme.border.thin};`
+            ? `
+              outline: ${euiTheme.border.width.thin} solid ${euiTheme.colors.ink};
+              outline-offset: 0;`
             : `
               outline: none; /* Standardize indicator focus ring */
               box-shadow: 0 0 0 ${euiTheme.focus.width} ${euiTheme.colors.primary};
@@ -90,12 +92,7 @@ export const euiSaturationStyles = (euiThemeContext: UseEuiTheme) => {
       ${highContrastMode
         ? `
         border: ${euiTheme.border.width.thick} solid ${euiTheme.colors.ink};
-        background-color: ${euiTheme.colors.ghost};
-
-        &:focus-visible {
-          outline: ${euiTheme.border.thin};
-          outline-offset: 0;
-        }`
+        background-color: ${euiTheme.colors.ghost};`
         : `
         border: ${euiTheme.border.width.thin} solid ${euiTheme.colors.darkestShade};