diff --git a/js_modules/dagster-ui/packages/ui-components/src/components/BaseTag.tsx b/js_modules/dagster-ui/packages/ui-components/src/components/BaseTag.tsx
index 394fbfd4b463d..e886cd9c0a081 100644
--- a/js_modules/dagster-ui/packages/ui-components/src/components/BaseTag.tsx
+++ b/js_modules/dagster-ui/packages/ui-components/src/components/BaseTag.tsx
@@ -1,7 +1,12 @@
 import * as React from 'react';
 import styled from 'styled-components';
 
-import {colorBackgroundDefault, colorTextDefault} from '../theme/color';
+import {
+  colorBackgroundDefault,
+  colorTextDefault,
+  colorTooltipBackground,
+  colorTooltipText,
+} from '../theme/color';
 
 import {IconWrapper} from './Icon';
 import {SpinnerWrapper} from './Spinner';
@@ -47,8 +52,8 @@ export const BaseTag = (props: Props) => {
           data-tooltip={typeof label === 'string' ? label : tooltipText}
           data-tooltip-style={JSON.stringify({
             ...BaseTagTooltipStyle,
-            backgroundColor: fillColor,
-            color: textColor,
+            backgroundColor: colorTooltipBackground(),
+            color: colorTooltipText(),
           })}
         >
           {label}
diff --git a/js_modules/dagster-ui/packages/ui-core/src/asset-graph/AssetNode.tsx b/js_modules/dagster-ui/packages/ui-core/src/asset-graph/AssetNode.tsx
index 83b7684d86bf6..96923d1a6e513 100644
--- a/js_modules/dagster-ui/packages/ui-core/src/asset-graph/AssetNode.tsx
+++ b/js_modules/dagster-ui/packages/ui-core/src/asset-graph/AssetNode.tsx
@@ -20,6 +20,7 @@ import {
   colorLineageNodeBorderSelected,
   colorLineageNodeBorderHover,
   colorLineageNodeBackground,
+  colorPopoverBackground,
 } from '@dagster-io/ui-components';
 import countBy from 'lodash/countBy';
 import isEqual from 'lodash/isEqual';
@@ -260,8 +261,7 @@ export const AssetNodeContextMenuWrapper = React.memo(
                   position: 'absolute',
                   top: menuPosition.top,
                   left: menuPosition.left,
-                  backgroundColor: '#fff',
-                  border: '1px solid #ccc',
+                  backgroundColor: colorPopoverBackground(),
                   boxShadow: '0 2px 4px rgba(0, 0, 0, 0.1)',
                   zIndex: 10,
                 }}
diff --git a/js_modules/dagster-ui/packages/ui-core/src/ui/Filters/useFilter.tsx b/js_modules/dagster-ui/packages/ui-core/src/ui/Filters/useFilter.tsx
index 61fe6f96d88d6..af3ecbcf023a8 100644
--- a/js_modules/dagster-ui/packages/ui-core/src/ui/Filters/useFilter.tsx
+++ b/js_modules/dagster-ui/packages/ui-core/src/ui/Filters/useFilter.tsx
@@ -5,6 +5,8 @@ import {
   colorBackgroundBlue,
   colorLinkDefault,
   colorTextBlue,
+  colorTooltipBackground,
+  colorTooltipText,
 } from '@dagster-io/ui-components';
 import React from 'react';
 import styled from 'styled-components';
@@ -82,8 +84,8 @@ export const FilterTagHighlightedText = React.forwardRef(
 );
 
 const LabelTooltipStyles = JSON.stringify({
-  background: colorBackgroundBlue(),
-  color: colorTextBlue(),
+  background: colorTooltipBackground(),
+  color: colorTooltipText(),
   border: 'none',
   borderRadius: 7,
   overflow: 'hidden',