diff --git a/AzureCommunicationUI/sdk/AzureCommunicationUICalling/AzureCommunicationUICalling/Assets.xcassets/Color/onHoldBackground.colorset/Contents.json b/AzureCommunicationUI/sdk/AzureCommunicationUICalling/AzureCommunicationUICalling/Assets.xcassets/Color/onHoldBackground.colorset/Contents.json
new file mode 100644
index 000000000..f305d74da
--- /dev/null
+++ b/AzureCommunicationUI/sdk/AzureCommunicationUICalling/AzureCommunicationUICalling/Assets.xcassets/Color/onHoldBackground.colorset/Contents.json
@@ -0,0 +1,38 @@
+{
+  "colors" : [
+    {
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "1.000",
+          "blue" : "0.898",
+          "green" : "0.898",
+          "red" : "0.898"
+        }
+      },
+      "idiom" : "universal"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "1.000",
+          "blue" : "0.000",
+          "green" : "0.000",
+          "red" : "0.000"
+        }
+      },
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/AzureCommunicationUI/sdk/AzureCommunicationUICalling/AzureCommunicationUICalling/Presentation/Style/ColorThemeProvider.swift b/AzureCommunicationUI/sdk/AzureCommunicationUICalling/AzureCommunicationUICalling/Presentation/Style/ColorThemeProvider.swift
index fa6fbddb9..cc9813816 100644
--- a/AzureCommunicationUI/sdk/AzureCommunicationUICalling/AzureCommunicationUICalling/Presentation/Style/ColorThemeProvider.swift
+++ b/AzureCommunicationUI/sdk/AzureCommunicationUICalling/AzureCommunicationUICalling/Presentation/Style/ColorThemeProvider.swift
@@ -37,6 +37,7 @@ class ColorThemeProvider {
     let gradientColor = UIColor.compositeColor(.gradientColor)
     let hangup = UIColor.compositeColor(.hangup)
     let overlay = UIColor.compositeColor(.overlay)
+    let onHoldBackground = UIColor.compositeColor(.onHoldBackground)
 
     init(themeOptions: ThemeOptions?) {
         self.colorSchemeOverride = themeOptions?.colorSchemeOverride ?? .unspecified
diff --git a/AzureCommunicationUI/sdk/AzureCommunicationUICalling/AzureCommunicationUICalling/Presentation/SwiftUI/Calling/CallingViewComponent/Overlay/LobbyOverlayView.swift b/AzureCommunicationUI/sdk/AzureCommunicationUICalling/AzureCommunicationUICalling/Presentation/SwiftUI/Calling/CallingViewComponent/Overlay/LobbyOverlayView.swift
index 650e43664..a568434a7 100644
--- a/AzureCommunicationUI/sdk/AzureCommunicationUICalling/AzureCommunicationUICalling/Presentation/SwiftUI/Calling/CallingViewComponent/Overlay/LobbyOverlayView.swift
+++ b/AzureCommunicationUI/sdk/AzureCommunicationUICalling/AzureCommunicationUICalling/Presentation/SwiftUI/Calling/CallingViewComponent/Overlay/LobbyOverlayView.swift
@@ -17,7 +17,7 @@ struct OverlayView: View {
     let viewModel: OverlayViewModelProtocol
 
     var body: some View {
-        Color(StyleProvider.color.overlay)
+        Color(viewModel.background)
             .overlay(
                 ZStack(alignment: .bottom) {
                     VStack(spacing: 0) {
diff --git a/AzureCommunicationUI/sdk/AzureCommunicationUICalling/AzureCommunicationUICalling/Presentation/SwiftUI/Calling/CallingViewComponent/Overlay/OnHoldOverlayViewModel.swift b/AzureCommunicationUI/sdk/AzureCommunicationUICalling/AzureCommunicationUICalling/Presentation/SwiftUI/Calling/CallingViewComponent/Overlay/OnHoldOverlayViewModel.swift
index 908b4c325..db1fff319 100644
--- a/AzureCommunicationUI/sdk/AzureCommunicationUICalling/AzureCommunicationUICalling/Presentation/SwiftUI/Calling/CallingViewComponent/Overlay/OnHoldOverlayViewModel.swift
+++ b/AzureCommunicationUI/sdk/AzureCommunicationUICalling/AzureCommunicationUICalling/Presentation/SwiftUI/Calling/CallingViewComponent/Overlay/OnHoldOverlayViewModel.swift
@@ -4,6 +4,7 @@
 //
 
 import Foundation
+import UIKit
 
 class OnHoldOverlayViewModel: OverlayViewModelProtocol, ObservableObject {
     private let localizationProvider: LocalizationProviderProtocol
@@ -17,6 +18,10 @@ class OnHoldOverlayViewModel: OverlayViewModelProtocol, ObservableObject {
         return localizationProvider.getLocalizedString(.onHoldMessage)
     }
 
+    var background: UIColor {
+        return StyleProvider.color.onHoldBackground
+    }
+
     var errorInfoViewModel: ErrorInfoViewModel?
 
     @Published var actionButtonViewModel: PrimaryButtonViewModel?
diff --git a/AzureCommunicationUI/sdk/AzureCommunicationUICalling/AzureCommunicationUICalling/Presentation/SwiftUI/Calling/CallingViewComponent/Overlay/OverlayViewModelProtocol.swift b/AzureCommunicationUI/sdk/AzureCommunicationUICalling/AzureCommunicationUICalling/Presentation/SwiftUI/Calling/CallingViewComponent/Overlay/OverlayViewModelProtocol.swift
index eb26ded29..917991a8e 100644
--- a/AzureCommunicationUI/sdk/AzureCommunicationUICalling/AzureCommunicationUICalling/Presentation/SwiftUI/Calling/CallingViewComponent/Overlay/OverlayViewModelProtocol.swift
+++ b/AzureCommunicationUI/sdk/AzureCommunicationUICalling/AzureCommunicationUICalling/Presentation/SwiftUI/Calling/CallingViewComponent/Overlay/OverlayViewModelProtocol.swift
@@ -4,10 +4,12 @@
 //
 
 import Foundation
+import SwiftUI
 
 protocol OverlayViewModelProtocol {
     var title: String { get }
     var subtitle: String? { get }
+    var background: UIColor { get }
     var actionButtonViewModel: PrimaryButtonViewModel? { get }
     var errorInfoViewModel: ErrorInfoViewModel? { get }
     var isDisplayed: Bool { get }
@@ -15,6 +17,7 @@ protocol OverlayViewModelProtocol {
 
 extension OverlayViewModelProtocol {
     var subtitle: String? { return nil }
+    var background: UIColor { return StyleProvider.color.overlay }
     var actionButtonViewModel: PrimaryButtonViewModel? { return nil }
     var errorInfoViewModel: ErrorInfoViewModel? { return nil }
 }
diff --git a/AzureCommunicationUI/sdk/AzureCommunicationUICalling/AzureCommunicationUICalling/Utilities/ColorExtension.swift b/AzureCommunicationUI/sdk/AzureCommunicationUICalling/AzureCommunicationUICalling/Utilities/ColorExtension.swift
index c4d9fa543..8841b6e94 100644
--- a/AzureCommunicationUI/sdk/AzureCommunicationUICalling/AzureCommunicationUICalling/Utilities/ColorExtension.swift
+++ b/AzureCommunicationUI/sdk/AzureCommunicationUICalling/AzureCommunicationUICalling/Utilities/ColorExtension.swift
@@ -30,6 +30,7 @@ enum CompositeColor: String {
     case gradientColor = "gradientColor"
     case hangup = "hangupColor"
     case overlay = "overlayColor"
+    case onHoldBackground = "onHoldBackground"
 }
 
 extension UIColor {