{"id":165656,"date":"2021-10-22T13:53:58","date_gmt":"2021-10-22T17:53:58","guid":{"rendered":"https:\/\/optinmonster.com\/?post_type=optinmonster_docs&#038;p=165656"},"modified":"2025-08-13T08:56:28","modified_gmt":"2025-08-13T12:56:28","slug":"how-to-create-and-use-color-profiles-in-optinmonster","status":"publish","type":"optinmonster_docs","link":"https:\/\/optinmonster.com\/docs\/how-to-create-and-use-color-profiles-in-optinmonster\/","title":{"rendered":"How to Create and Use Color Profiles in OptinMonster"},"content":{"rendered":"\n<p>OptinMonster makes it easy to customize the design of your campaigns to match the branding of your site. This includes the ability to create and manage color profiles when editing campaigns.<\/p>\n\n\n\n<p>In this article, you&#8217;ll learn how to create and use color profiles in OptinMonster.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Create Color Profile<\/h3>\n\n\n\n<p>To create a new color profile, follow these steps:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>In the&nbsp;<strong>Design<\/strong>&nbsp;view of the campaign builder, select the<strong>&nbsp;Settings<\/strong>&nbsp;icon.<br><img decoding=\"async\" width=\"800\" height=\"455\" class=\"alignnone size-large wp-image-170634\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/Open-the-campaign-settings-from-the-footer-toolbar-in-OptinMonster-OptinMonster.png\" alt=\"Open the campaign settings from the footer toolbar in OptinMonster\"><\/li>\n\n\n\n<li>Next, select the&nbsp;<strong>Advanced<\/strong> tab in the sidebar panel and click to expand the&nbsp;<strong>Custom Colors <\/strong>section.<br><img decoding=\"async\" width=\"800\" height=\"718\" class=\"alignnone size-full wp-image-165712\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/custom-colors.jpg\" alt=\"Custom colors in the campaign builder allow you to set your branding to easily select as you design the campaign.\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/custom-colors.jpg 800w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/custom-colors-300x269.jpg 300w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/custom-colors-768x689.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>Select the&nbsp;<strong>Plus <\/strong><strong>(+)<\/strong> icon to add a new color.<br><img decoding=\"async\" width=\"800\" height=\"1193\" class=\"alignnone size-full wp-image-165713\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/add-color.jpg\" alt=\"Add a color to your custom colors profile.\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/add-color.jpg 800w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/add-color-201x300.jpg 201w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/add-color-687x1024.jpg 687w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/add-color-768x1145.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>A new color swatch will be added automatically. You can edit the color by selecting it.<br><img decoding=\"async\" width=\"800\" height=\"934\" class=\"alignnone size-full wp-image-165711\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/edit-color-profile-color.jpg\" alt=\"Edit color swatch.\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/edit-color-profile-color.jpg 800w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/edit-color-profile-color-257x300.jpg 257w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/edit-color-profile-color-768x897.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>The color picker will appear for you to customize the color swatch.<br><img decoding=\"async\" width=\"800\" height=\"916\" class=\"alignnone size-full wp-image-165710\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/color-picker.jpg\" alt=\"Edit color using the color picker.\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/color-picker.jpg 800w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/color-picker-262x300.jpg 262w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/color-picker-768x879.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>Once you&#8217;ve finished configuring the color profile, you can save it for later use in other campaigns by selecting the <strong>Save Color Profile&nbsp;<\/strong>button.<br><img decoding=\"async\" width=\"800\" height=\"928\" class=\"alignnone size-full wp-image-165709\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/save-color-profile-button.jpg\" alt=\"Click to save the new color profile for later use.\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/save-color-profile-button.jpg 800w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/save-color-profile-button-259x300.jpg 259w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/save-color-profile-button-768x891.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>A popup modal will appear, enter a unique name for your Color Profile then select the&nbsp;<strong>Save Color Profile<\/strong> button.<br><img decoding=\"async\" width=\"800\" height=\"417\" class=\"alignnone size-full wp-image-165708\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/save-color-profile.jpg\" alt=\"Name the color profile before saving it.\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/save-color-profile.jpg 800w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/save-color-profile-300x156.jpg 300w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/save-color-profile-768x400.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>You can now use this saved Color Profile in other campaigns following the next section of this guide.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Use Color Profile<\/h3>\n\n\n\n<p>To use an existing color profile in a new campaign, follow these steps:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>In the&nbsp;<strong>Design<\/strong>&nbsp;view of the campaign builder, select the<strong>&nbsp;Settings<\/strong>&nbsp;icon.<br><img decoding=\"async\" width=\"800\" height=\"455\" class=\"alignnone size-large wp-image-170634\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/Open-the-campaign-settings-from-the-footer-toolbar-in-OptinMonster-OptinMonster.png\" alt=\"Open the campaign settings from the footer toolbar in OptinMonster\"><\/li>\n\n\n\n<li>Next, select the&nbsp;<strong>Advanced<\/strong> tab in the sidebar panel and click to expand the&nbsp;<strong>Custom Colors <\/strong>section.<br><img decoding=\"async\" width=\"800\" height=\"718\" class=\"alignnone size-full wp-image-165712\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/custom-colors.jpg\" alt=\"Custom colors in the campaign builder allow you to set your branding to easily select as you design the campaign.\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/custom-colors.jpg 800w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/custom-colors-300x269.jpg 300w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/custom-colors-768x689.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>To load a pre-saved Color Profile into your campaign, select the&nbsp;<strong>Color Profile Library<\/strong> button.<br><img decoding=\"async\" width=\"800\" height=\"948\" class=\"alignnone size-full wp-image-165706\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/color-orofile-library.jpg\" alt=\"Open the color profile library to choose a pre-saved color profile.\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/color-orofile-library.jpg 800w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/color-orofile-library-253x300.jpg 253w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/color-orofile-library-768x910.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>A modal will open containing all of your account&#8217;s saved Color Profiles. You can search for and select the Color Profile you wish to use.<br><img decoding=\"async\" width=\"800\" height=\"463\" class=\"alignnone size-full wp-image-165707\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/color-profile-library-selection.jpg\" alt=\"Select color profile to use with your campaign.\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/color-profile-library-selection.jpg 800w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/color-profile-library-selection-300x174.jpg 300w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/color-profile-library-selection-768x444.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>The swatches from the saved Color Profile will be loaded into the builder for you to use when setting any color using the color picker.<br><img decoding=\"async\" width=\"800\" height=\"1185\" class=\"alignnone size-full wp-image-165715\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/color-profile-swatches-picker.jpg\" alt=\"Color profile swatches in the color picker.\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/color-profile-swatches-picker.jpg 800w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/color-profile-swatches-picker-203x300.jpg 203w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/color-profile-swatches-picker-691x1024.jpg 691w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/color-profile-swatches-picker-768x1138.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n<\/ol>\n\n\n","protected":false},"excerpt":{"rendered":"<p>OptinMonster makes it easy to customize the design of your campaigns to match the branding of your site. This includes the ability to create and manage color profiles when editing campaigns. In this article, you&#8217;ll learn how to create and use color profiles in OptinMonster. Create Color Profile To create a new color profile, follow&nbsp;&hellip;<\/p>\n","protected":false},"author":4657,"comment_status":"open","ping_status":"closed","template":"","documentation\/categories":[11],"documentation\/tags":[31399,31409,31411],"class_list":["post-165656","optinmonster_docs","type-optinmonster_docs","status-publish","hentry","categories-functionality"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/165656","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation"}],"about":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/types\/optinmonster_docs"}],"author":[{"embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/users\/4657"}],"replies":[{"embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/comments?post=165656"}],"version-history":[{"count":6,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/165656\/revisions"}],"predecessor-version":[{"id":202922,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/165656\/revisions\/202922"}],"wp:attachment":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/media?parent=165656"}],"wp:term":[{"taxonomy":"categories","embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/categories?post=165656"},{"taxonomy":"internal_tags","embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/tags?post=165656"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}