diff --git a/src/CssClassBuilder/CssClassBuilderInterface.php b/src/CssBuilder/CssClassBuilderInterface.php
similarity index 77%
rename from src/CssClassBuilder/CssClassBuilderInterface.php
rename to src/CssBuilder/CssClassBuilderInterface.php
index da79f8a..af0caec 100644
--- a/src/CssClassBuilder/CssClassBuilderInterface.php
+++ b/src/CssBuilder/CssClassBuilderInterface.php
@@ -2,7 +2,7 @@
 
 declare(strict_types=1);
 
-namespace Setono\SyliusCalloutPlugin\CssClassBuilder;
+namespace Setono\SyliusCalloutPlugin\CssBuilder;
 
 use Setono\SyliusCalloutPlugin\Model\CalloutInterface;
 
diff --git a/src/CssBuilder/CssStyleBuilder.php b/src/CssBuilder/CssStyleBuilder.php
new file mode 100644
index 0000000..6a31c33
--- /dev/null
+++ b/src/CssBuilder/CssStyleBuilder.php
@@ -0,0 +1,23 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Setono\SyliusCalloutPlugin\CssBuilder;
+
+use Setono\SyliusCalloutPlugin\Model\CalloutInterface;
+
+class CssStyleBuilder implements CssStyleBuilderInterface
+{
+    public function build(CalloutInterface $callout): string
+    {
+        $style = 'z-index: 999;';
+        if ($callout->getColor()) {
+            $style .= sprintf(' color: %s;', $callout->getColor());
+        }
+        if ($callout->getBackgroundColor()) {
+            $style .= sprintf(' background-color: %s;', $callout->getBackgroundColor());
+        }
+
+        return $style;
+    }
+}
diff --git a/src/CssBuilder/CssStyleBuilderInterface.php b/src/CssBuilder/CssStyleBuilderInterface.php
new file mode 100644
index 0000000..a205fe8
--- /dev/null
+++ b/src/CssBuilder/CssStyleBuilderInterface.php
@@ -0,0 +1,12 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Setono\SyliusCalloutPlugin\CssBuilder;
+
+use Setono\SyliusCalloutPlugin\Model\CalloutInterface;
+
+interface CssStyleBuilderInterface
+{
+    public function build(CalloutInterface $callout): string;
+}
diff --git a/src/CssClassBuilder/SemanticUiCssClassBuilder.php b/src/CssBuilder/SemanticUiCssClassBuilder.php
similarity index 88%
rename from src/CssClassBuilder/SemanticUiCssClassBuilder.php
rename to src/CssBuilder/SemanticUiCssClassBuilder.php
index 09bf686..ef4e385 100644
--- a/src/CssClassBuilder/SemanticUiCssClassBuilder.php
+++ b/src/CssBuilder/SemanticUiCssClassBuilder.php
@@ -2,7 +2,7 @@
 
 declare(strict_types=1);
 
-namespace Setono\SyliusCalloutPlugin\CssClassBuilder;
+namespace Setono\SyliusCalloutPlugin\CssBuilder;
 
 use Setono\SyliusCalloutPlugin\Model\CalloutInterface;
 use Webmozart\Assert\Assert;
diff --git a/src/Resources/config/services.xml b/src/Resources/config/services.xml
index fedd69f..3b4090e 100755
--- a/src/Resources/config/services.xml
+++ b/src/Resources/config/services.xml
@@ -9,6 +9,7 @@
         <import resource="services/command.xml"/>
         <import resource="services/controller.xml"/>
         <import resource="services/css_class_builder.xml"/>
+        <import resource="services/css_style_builder.xml"/>
         <import resource="services/event_subscriber.xml"/>
         <import resource="services/factory.xml"/>
         <import resource="services/fixture.xml"/>
diff --git a/src/Resources/config/services/css_class_builder.xml b/src/Resources/config/services/css_class_builder.xml
index 5fa4b5d..e5a8103 100644
--- a/src/Resources/config/services/css_class_builder.xml
+++ b/src/Resources/config/services/css_class_builder.xml
@@ -5,7 +5,7 @@
            xsi:schemaLocation="http://symfony.com/schema/dic/services http://symfony.com/schema/dic/services/services-1.0.xsd">
     <services>
         <service id="setono_sylius_callout.css_class_builder.semantic_ui"
-                 class="Setono\SyliusCalloutPlugin\CssClassBuilder\SemanticUiCssClassBuilder">
+                 class="Setono\SyliusCalloutPlugin\CssBuilder\SemanticUiCssClassBuilder">
         </service>
 
         <service id="setono_sylius_callout.css_class_builder.default"
diff --git a/src/Resources/config/services/css_style_builder.xml b/src/Resources/config/services/css_style_builder.xml
new file mode 100644
index 0000000..e81675a
--- /dev/null
+++ b/src/Resources/config/services/css_style_builder.xml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+
+<container xmlns="http://symfony.com/schema/dic/services"
+           xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+           xsi:schemaLocation="http://symfony.com/schema/dic/services http://symfony.com/schema/dic/services/services-1.0.xsd">
+    <services>
+        <service id="setono_sylius_callout.css_style_builder.default"
+                 class="Setono\SyliusCalloutPlugin\CssBuilder\CssStyleBuilder">
+        </service>
+
+    </services>
+</container>
diff --git a/src/Resources/config/services/twig.xml b/src/Resources/config/services/twig.xml
index 3b54270..1293dca 100644
--- a/src/Resources/config/services/twig.xml
+++ b/src/Resources/config/services/twig.xml
@@ -17,6 +17,7 @@
             <argument type="service" id="setono_sylius_callout.css_class_builder.default"/>
             <argument type="service" id="setono_sylius_callout.provider.rendering_callout"/>
             <argument type="service" id="setono_sylius_callout.renderer.callout"/>
+            <argument type="service" id="setono_sylius_callout.css_style_builder.default"/>
 
             <tag name="twig.runtime"/>
         </service>
diff --git a/src/Resources/views/Shop/Product/Callout/_callout.html.twig b/src/Resources/views/Shop/Product/Callout/_callout.html.twig
index 0e00879..ec3d825 100755
--- a/src/Resources/views/Shop/Product/Callout/_callout.html.twig
+++ b/src/Resources/views/Shop/Product/Callout/_callout.html.twig
@@ -1,2 +1,2 @@
 {# @var \Setono\SyliusCalloutPlugin\Model\CalloutInterface callout #}
-<div class="{{ render_callout_class_attribute(callout) }}" style="z-index: 999">{{ render_callout(callout) }}</div>
+<div class="{{ render_callout_class_attribute(callout) }}" style="{{ render_callout_style(callout) }}">{{ render_callout(callout) }}</div>
diff --git a/src/Twig/CalloutExtension.php b/src/Twig/CalloutExtension.php
index 14e9511..f56f71d 100644
--- a/src/Twig/CalloutExtension.php
+++ b/src/Twig/CalloutExtension.php
@@ -20,6 +20,7 @@ public function getFunctions(): array
             new TwigFunction('get_callout_assignment_delay', $this->getDelay(...)),
             new TwigFunction('render_callout_class_attribute', [CalloutRuntime::class, 'renderCalloutClassAttribute']),
             new TwigFunction('render_callout', [CalloutRuntime::class, 'renderCallout'], ['is_safe' => ['html']]),
+            new TwigFunction('render_callout_style', [CalloutRuntime::class, 'renderCalloutStyle']),
         ];
     }
 
diff --git a/src/Twig/CalloutRuntime.php b/src/Twig/CalloutRuntime.php
index dc03002..19b6c97 100644
--- a/src/Twig/CalloutRuntime.php
+++ b/src/Twig/CalloutRuntime.php
@@ -6,7 +6,8 @@
 
 use Setono\SyliusCalloutPlugin\Checker\Eligibility\CalloutEligibilityCheckerInterface;
 use Setono\SyliusCalloutPlugin\Checker\RenderingEligibility\CalloutRenderingEligibilityCheckerInterface;
-use Setono\SyliusCalloutPlugin\CssClassBuilder\CssClassBuilderInterface;
+use Setono\SyliusCalloutPlugin\CssBuilder\CssClassBuilderInterface;
+use Setono\SyliusCalloutPlugin\CssBuilder\CssStyleBuilderInterface;
 use Setono\SyliusCalloutPlugin\Model\CalloutInterface;
 use Setono\SyliusCalloutPlugin\Model\ProductInterface;
 use Setono\SyliusCalloutPlugin\Provider\RenderingCalloutProviderInterface;
@@ -21,6 +22,7 @@ public function __construct(
         private readonly CssClassBuilderInterface $cssClassBuilder,
         private readonly RenderingCalloutProviderInterface $renderingCalloutProvider,
         private readonly CalloutRendererInterface $calloutRenderer,
+        private readonly CssStyleBuilderInterface $cssStyleBuilder,
     ) {
     }
 
@@ -76,4 +78,9 @@ public function renderCallout(CalloutInterface $callout): string
     {
         return (string) $this->calloutRenderer->render($callout);
     }
+
+    public function renderCalloutStyle(CalloutInterface $callout): string
+    {
+        return $this->cssStyleBuilder->build($callout);
+    }
 }
diff --git a/tests/Twig/CalloutRuntimeTest.php b/tests/Twig/CalloutRuntimeTest.php
index ee38eb5..cb2bf56 100644
--- a/tests/Twig/CalloutRuntimeTest.php
+++ b/tests/Twig/CalloutRuntimeTest.php
@@ -9,7 +9,8 @@
 use Prophecy\PhpUnit\ProphecyTrait;
 use Setono\SyliusCalloutPlugin\Checker\Eligibility\CalloutEligibilityCheckerInterface;
 use Setono\SyliusCalloutPlugin\Checker\RenderingEligibility\CalloutRenderingEligibilityCheckerInterface;
-use Setono\SyliusCalloutPlugin\CssClassBuilder\CssClassBuilderInterface;
+use Setono\SyliusCalloutPlugin\CssBuilder\CssClassBuilderInterface;
+use Setono\SyliusCalloutPlugin\CssBuilder\CssStyleBuilderInterface;
 use Setono\SyliusCalloutPlugin\Model\Callout;
 use Setono\SyliusCalloutPlugin\Model\CalloutInterface;
 use Setono\SyliusCalloutPlugin\Model\ProductInterface;
@@ -76,6 +77,7 @@ private function getCalloutRuntime(): CalloutRuntime
         ;
 
         $calloutRenderer = $this->prophesize(CalloutRendererInterface::class);
+        $cssStyleBuilder = $this->prophesize(CssStyleBuilderInterface::class);
 
         return new CalloutRuntime(
             $calloutRenderingEligibilityChecker->reveal(),
@@ -83,6 +85,7 @@ private function getCalloutRuntime(): CalloutRuntime
             $cssClassBuilder->reveal(),
             $renderCalloutProvider->reveal(),
             $calloutRenderer->reveal(),
+            $cssStyleBuilder->reveal(),
         );
     }