diff --git a/x-pack/plugins/lens/public/xy_visualization/color_assignment.ts b/x-pack/plugins/lens/public/xy_visualization/color_assignment.ts
index 416d7c973c3eb..9c4132f6b8467 100644
--- a/x-pack/plugins/lens/public/xy_visualization/color_assignment.ts
+++ b/x-pack/plugins/lens/public/xy_visualization/color_assignment.ts
@@ -9,6 +9,7 @@ import { uniq, mapValues } from 'lodash';
 import type { PaletteOutput, PaletteRegistry } from 'src/plugins/charts/public';
 import type { Datatable } from 'src/plugins/expressions';
 import { euiLightVars } from '@kbn/ui-shared-deps-src/theme';
+import { LIGHT_THEME } from '@elastic/charts';
 import type { AccessorConfig, FramePublicAPI } from '../types';
 import { getColumnToLabelMap } from './state_helpers';
 import { FormatFactory, LayerType, layerTypes } from '../../common';
@@ -25,7 +26,11 @@ interface LayerColorConfig {
 }
 
 export const defaultReferenceLineColor = euiLightVars.euiColorDarkShade;
-export const defaultAxisLineColor = '#eaeaea'; // TODO - get this from somewhere
+export const {
+  axes: {
+    axisLine: { stroke: defaultAxisLineColor },
+  },
+} = LIGHT_THEME;
 
 export type ColorAssignments = Record<
   string,