diff --git a/ee/packages/ui-theming/src/PaletteStyleTag.tsx b/ee/packages/ui-theming/src/PaletteStyleTag.tsx
index 52d9123889872..ce911ce4a122e 100644
--- a/ee/packages/ui-theming/src/PaletteStyleTag.tsx
+++ b/ee/packages/ui-theming/src/PaletteStyleTag.tsx
@@ -3,7 +3,6 @@ import { createPortal } from 'react-dom';
 
 import { codeBlock } from './codeBlockStyles';
 import { convertToCss } from './helpers/convertToCss';
-import { filterOnlyChangedColors } from './helpers/filterOnlyChangedColors';
 import { useCreateStyleContainer } from './hooks/useCreateStyleContainer';
 import { useThemeMode } from './hooks/useThemeMode';
 import { defaultPalette } from './palette';
@@ -20,9 +19,9 @@ export const PaletteStyleTag = memo(function PaletteStyleTag() {
 		if (theme === 'high-contrast') {
 			return paletteHighContrast;
 		}
-		return {};
+		return defaultPalette;
 	};
-	const palette = convertToCss(filterOnlyChangedColors(defaultPalette, getPalette()), '.rcx-content--main');
+	const palette = convertToCss(getPalette(), '.rcx-content--main, .rcx-tile');
 
 	return createPortal(theme === 'dark' ? palette + codeBlock : palette, useCreateStyleContainer('main-palette'));
 });
diff --git a/ee/packages/ui-theming/src/paletteDark.ts b/ee/packages/ui-theming/src/paletteDark.ts
index 9898c7fe95f97..cdb60efffeac9 100644
--- a/ee/packages/ui-theming/src/paletteDark.ts
+++ b/ee/packages/ui-theming/src/paletteDark.ts
@@ -51,7 +51,7 @@ export const palette = [
 			{ name: 'font-default', token: 'N400', color: '#E4E7EA' },
 			{ name: 'font-titles-labels', token: '', color: '#F2F3F5' },
 			{ name: 'font-info', token: '', color: '#739EDE' },
-			{ name: 'font-danger', token: '', color: '#CF6E7A' },
+			{ name: 'font-danger', token: '', color: '#D88892' },
 			{ name: 'font-pure-black', token: '', color: '#2F343D' },
 			{ name: 'font-pure-white', token: '', color: '#FFFFFF' },
 		],