diff --git a/projects/igniteui-angular/src/lib/core/styles/themes/_palettes.scss b/projects/igniteui-angular/src/lib/core/styles/themes/_palettes.scss
index 4077a968965..24a309febd2 100644
--- a/projects/igniteui-angular/src/lib/core/styles/themes/_palettes.scss
+++ b/projects/igniteui-angular/src/lib/core/styles/themes/_palettes.scss
@@ -289,10 +289,10 @@ $dark-fluent-word-palette: $fluent-word-dark-palette;
 
 /// @access private
 $bootstrap-palette: palette(
-    $primary: #007bff,
+    $primary: #0d6efd,
     $secondary: #6c757d,
-    $info: #17a2b8,
-    $success: #28a745,
+    $info: #0dcaf0,
+    $success: #198754,
     $warn: #ffc107,
     $error: #dc3545,
     $surface: #f8f9fa,
@@ -314,12 +314,12 @@ $bootstrap-dark-palette: palette(
 
 /// Light bootstrap palette
 /// @type Map
-/// @prop {Color} primary [#007bff] - The 500 variant of the `primary` color (default).
+/// @prop {Color} primary [#0d6efd] - The 500 variant of the `primary` color (default).
 /// @prop {Color} secondary [#6c757d] - The 500 variant of the `secondary` color (default).
 /// @prop {Color} grays [#000] - The base color for  the `grays` shades.
 /// @prop {Color} surface [#f8f9fa] - The color used as a background in components, such as cards, sheets, and menus.
-/// @prop {Color} info [#17a2b8] - The `info` color. Default for every palette if not specified.
-/// @prop {Color} success [#28a745] - The `success` color. Default for every palette if not specified.
+/// @prop {Color} info [#0dcaf0] - The `info` color. Default for every palette if not specified.
+/// @prop {Color} success [#198754] - The `success` color. Default for every palette if not specified.
 /// @prop {Color} warn [#ffc107] - The `warn` color. Default for every palette if not specified.
 /// @prop {Color} error [#dc3456] - The `error`. Default for every palette if not specified.
 /// @access public
@@ -328,12 +328,12 @@ $light-bootstrap-palette: $bootstrap-palette;
 
 /// Dark bootstrap palette
 /// @type Map
-/// @prop {Color} primary [#007bff] - The 500 variant of the `primary` color (default).
+/// @prop {Color} primary [#0d6efd] - The 500 variant of the `primary` color (default).
 /// @prop {Color} secondary [#6c757d] - The 500 variant of the `secondary` color (default).
 /// @prop {Color} grays [#fff] - The base color for  the `grays` shades.
 /// @prop {Color} surface [#333] - The color used as a background in components, such as cards, sheets, and menus.
-/// @prop {Color} info [#17a2b8] - The `info` color. Default for every palette if not specified.
-/// @prop {Color} success [#28a745] - The `success` color. Default for every palette if not specified.
+/// @prop {Color} info [#0dcaf0] - The `info` color. Default for every palette if not specified.
+/// @prop {Color} success [#198754] - The `success` color. Default for every palette if not specified.
 /// @prop {Color} warn [#ffc107] - The `warn` color. Default for every palette if not specified.
 /// @prop {Color} error [#dc3456] - The `error`. Default for every palette if not specified.
 /// @access public
diff --git a/src/app/card/card.sample.scss b/src/app/card/card.sample.scss
index 368b57cb541..3faf8f112c4 100644
--- a/src/app/card/card.sample.scss
+++ b/src/app/card/card.sample.scss
@@ -223,14 +223,14 @@
     display: inline-flex;
     text-decoration: none;
     margin-left: 20px;
-    color: #007bff;
+    color: #0d6efd;
 
     &:first-of-type {
         margin-left: 0;
     }
 
     &:hover {
-        color: #0056b3;
+        color: #0a58ca;
     }
 }