diff --git a/src/Cooltip/PipComponent.js b/src/Cooltip/PipComponent.js
index dfc8d46f..0f4168a4 100644
--- a/src/Cooltip/PipComponent.js
+++ b/src/Cooltip/PipComponent.js
@@ -8,7 +8,8 @@ const PipComponent = styled.div`
   border: ${({ theme }) => get(theme, 'pipSize')} inset;
   border-bottom-style: solid;
   border-color: transparent transparent
-    ${({ theme }) => get(theme, 'coolChild.activeBackgroundColor')};
+    ${({ theme }) => get(theme, 'tiptext.backgroundColor') ||
+    get(theme, 'coolChild.activeBackgroundColor')};
   border-top-width: 0;
   position: absolute;
   top: calc(1rem + 1px - ${({ theme }) => get(theme, 'pipSize')});