https://www.schemecolor.com/contact

1<!doctype html>
2<html lang="en">
3<head>
4<!-- Google Tag Manager -->

5<script>

5(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
6new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
7j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
8'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
9})(window,document,'script','dataLayer','

9GTM-K5THJ3BG

9');

9</script>

9
10<!-- End Google Tag Manager -->
11<title>Contact Us - SchemeColor.com</title>
12
13<meta charset="utf-8">
14<meta name="viewport" content="width=device-width, initial-scale=1.0">
15<meta name="robots" content="follow, all">
16
17<link rel="manifest" href="/manifest.json">
18
19<meta name="description" content="SchemeColor.com - Contact Us">
20<meta name="keywords" content="SchemeColor.com, contact, request for color, scheme">
21
22<meta property="og:title" content="Contact Us - SchemeColor.com">
23<meta property="og:description" content="SchemeColor.com - Contact Us">
24<meta property="og:image" content="https://www.schemecolor.com/images/schemecolor-cover.png">
25<meta property="og:image:width" content="800">
26<meta property="og:image:height" content="416">
27<meta property="og:site_name" content="SchemeColor">
28<meta property="og:url" content="https://www.schemecolor.com/contact">
29<meta property="og:type" content="website">
30<meta property="fb:app_id" content="1629267370672179">
31<meta name="twitter:card" content="summary_large_image">
32
33<link rel="Shortcut Icon" href="https://www.schemecolor.com/favicon.ico" type="image/x-icon">
34<link rel="icon" type="image/png" sizes="128x128" href="https://www.schemecolor.com/wp-content/themes/sc/images/icon128.png">
35<link rel="apple-touch-icon" href="https://www.schemecolor.com/wp-content/themes/sc/images/icon128.png">
36
37<style>
38@font-face{font-family:Poppins;font-style:normal;font-weight:400;src:url('https://www.schemecolor.com/wp-content/themes/sc/fonts/poppins-latin-regular.woff2') format("woff2");font-display:swap}@font-face{font-family:Poppins;font-style:normal;font-weight:600;src:url('https://www.schemecolor.com/wp-content/themes/sc/fonts/poppins-latin-600.woff2') format("woff2");font-display:swap}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:100 300;src:url('https://www.schemecolor.com/wp-content/themes/sc/fonts/MaterialSymbolsOutlined.woff2') format("woff2");font-display:swap}
39</style>
40<link rel="stylesheet" href="https://www.schemecolor.com/wp-content/themes/sc/fonts.css">
41<link rel="stylesheet" href="https://www.schemecolor.com/wp-content/themes/sc/style.css">
42<link rel='stylesheet' id='wpfp-css' href='https://www.schemecolor.com/wp-content/plugins/wp-favorite-posts/wpfp.css' />
43<style id="wp-img-auto-sizes-contain-inline-css">
44img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
45/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
46</style>
47
48

49<script id="mv-script-wrapper-js" async="async" fetchpriority="high" data-noptimize="1" data-cfasync="false" data-mv-mcp="2.10.12" src="https://scripts.pubnation.com/tags/schemecolor.js?ver=7.1.2"></script>

49

50<script id="jquery-core-js" src="https://www.schemecolor.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>

50

51<script id="jquery-migrate-js" src="https://www.schemecolor.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>

51

52<script id="wp-favorite-posts-js" src="https://www.schemecolor.com/wp-content/plugins/wp-favorite-posts/script.js?ver=1.6.8-sc1"></script>

52
53<link rel="canonical" href="https://www.schemecolor.com/contact" />
54<link rel="icon" href="https://www.schemecolor.com/wp-content/uploads/schemecolor-icon-512px-300x300.png" sizes="32x32" />
55<link rel="icon" href="https://www.schemecolor.com/wp-content/uploads/schemecolor-icon-512px-300x300.png" sizes="192x192" />
56<link rel="apple-touch-icon" href="https://www.schemecolor.com/wp-content/uploads/schemecolor-icon-512px-300x300.png" />
57<meta name="msapplication-TileImage" content="https://www.schemecolor.com/wp-content/uploads/schemecolor-icon-512px-300x300.png" />
58</head>
59<body itemscope itemtype="https://schema.org/WebPage">
60<!-- Google Tag Manager (noscript) -->

60
61<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=

61GTM-K5THJ3BG

61"
62height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

63<!-- End Google Tag Manager (noscript) -->
64<header itemscope itemtype="https://schema.org/WPHeader">
65	<div class="header-in">
66		<div class="logo" itemscope itemtype="http://schema.org/Organization">
67			<a href="https://www.schemecolor.com" itemprop="url" title="SchemeColor Logo"><img itemprop="logo" src="https://www.schemecolor.com/wp-content/themes/sc/images/sc-logo.svg" alt="SchemeColor Logo"> <span>SchemeColor</span></a>
68		</div>
69
70		<div>
71			<!--
72			<form class="custom-search-form" method="get" action="https://www.schemecolor.com/">
73				<div class="custom-search-input">
74					<input type="text" class="input-style custom-search-keyword" name="s" aria-label="Search Input" required>
75					<button class="custom-search-button" type="submit"><span class="sc-icon material-symbols-outlined">search</span></button>
76				</div>
77			</form>
78			-->
79			<form class="header-search-form nomobile" data-search-base="search-palettes">
80				<input type="search" class="input-style custom-search-keyword" aria-label="Search Input" placeholder="Search..." value="" required>
81				<button class="custom-search-button" type="submit"><span class="sc-icon material-symbols-outlined">search</span></button>
82			</form>
83		</div>
84
85		<div>
86			<nav>
87				<ul>
88					<li class="toplevel nomobile"><a href="https://www.schemecolor.com/palettes" >Palettes</a></li>
89					<!-- <li class="toplevel nomobile"><a href="https://www.schemecolor.com/schemes" >Schemes</a></li> -->
90					<li class="toplevel nomobile"><a href=" https://www.schemecolor.com/gradients" >Gradients</a></li>
91					<li class="toplevel nomobile"><a href="https://www.schemecolor.com/colors" >Colors</a></li>
92					<li class="toplevel noipad"><a href="https://www.schemecolor.com/tools" >Tools</a></li>
93					<li class="toplevel noipad"><a href="https://www.schemecolor.com/tools/color-scheme-generator" >Generator</a></li>
94					<li class="toplevel noipad"><a href="https://www.schemecolor.com/tools/create" >Create</a></li>
95
96					<li class="toplevel">
97						<a data-popup="login-popup" href="#favorite"><span class="sc-icon material-symbols-outlined">favorite</span></a>
98						
99					</li>
100
101
102
103					<li class="toplevel">
104						<a class="nav-login-btn" href="https://www.schemecolor.com/login"> Login </a>
105						<!-- <a href="https://www.schemecolor.com/login"><span class="sc-icon material-symbols-outlined">account_circle</span></a> -->
106					</li>
107
108
109					<li class="toplevel dd-parent mobile-menu">
110						<a href="#" class="dd-trigger explore"><span class="sc-icon material-symbols-outlined">manage_search</span></a>
111						<div class="dd-style right0 ar-r dd-box">
112							<div class="explore-menu">
113								<div class="dd-padder dd-padder2">
114
115									<form class="header-search-form" data-search-base="search-palettes">
116										<input type="search" class="input-style custom-search-keyword" aria-label="Search Input" placeholder="Search..." value="" required>
117										<button class="custom-search-button" type="submit"><span class="sc-icon material-symbols-outlined">search</span></button>
118									</form>
119
120									<div class="collections">
121										<a href="https://www.schemecolor.com/palettes"><span class="sc-icon material-symbols-outlined">palette</span> Palettes</a>
122										<a href="https://www.schemecolor.com/gradients"><span class="sc-icon material-symbols-outlined">gradient</span> Gradients</a>
123										<a href="https://www.schemecolor.com/colors"><span class="sc-icon material-symbols-outlined">colors</span> Colors</a>
124										<a href="https://www.schemecolor.com/tools/color-scheme-generator"><span class="sc-icon material-symbols-outlined">wand_stars</span> Generator</a>
125										<a href="https://www.schemecolor.com/tools/create"><span class="sc-icon material-symbols-outlined">add_chart</span> Create</a>
126										<a href="https://www.schemecolor.com/tools"><span class="sc-icon material-symbols-outlined">handyman</span> Tools</a>
127									</div>
128								</div>
129
130							</div>
131						</div>
132					</li>
133
134				</ul>
135			</nav>
136		</div>
137		
138	</div>
139</header><section class="section">
140
141<div class="main">
142	<div class="centered-m align-center">
143		<h1 itemprop="headline">Contact Us</h1>
144	</div>
145</div>
146
147<div class="centered-s space-bottom-l">
148
149
150
151
152	<div id="contact-form">
153		<div id="mail-status"></div>
154		<p class="align-center hideonthankyou">We love to hear from you. Please fill the short form below.</p>
155
156			<ul class="contact-form-fields grid auto1 gap20 hideonthankyou">
157				<li>
158					<div class="grid auto2 gap20 fullonmobile">
159						<div>
160							<label for="userName">Name</label> <span id="userName-info" class="validation-info"></span>
161							<input type="text" name="userName" id="userName" class="reqinputbox input-style" required />
162						</div>
163					
164						<div>
165							<label for="userEmail">Email</label> <span id="userEmail-info" class="validation-info"></span>
166							<div class="clr"></div>
167							<input type="text" name="userEmail" id="userEmail" class="reqinputbox input-style" required />
168						</div>
169					</div>
170				</li>
171
172				<li>
173					<div>
174						<label for="msg">Comments / Questions</label> <span id="msg-info" class="validation-info"></span>
175						<textarea name="msg" id="msg" class="reqinputbox input-style" required></textarea>
176					</div>
177				</li>
178				<li>
179					<div >
180						<button class="btnAction button-style button-style2" style="background-color: #2C4CD1;" name="submit" id="send" onclick="sendContact();">&nbsp; SEND &nbsp;</button>
181					</div>
182				</li>
183			</ul>
184			<br />
185			<br />
186	</div>
187
188
189
190</div>
191</section>
192
193

194<script>
195		function sendContact() {
196		var valid;	
197		valid = validateRequest();
198		if(valid) {
199			jQuery.ajax({
200			url: "https://www.schemecolor.com/wp-content/themes/sc/send_contact.php",
201			data:'userName='+$("#userName").val()+'&userEmail='+$("#userEmail").val()+'&msg='+$(msg).val(),
202			type: "POST",
203			success:function(data){
204			$("#mail-status").html(data);
205			$('.hideonthankyou').hide();
206			},
207			error:function (){}
208			});
209			}
210		}
211	function validateRequest() {
212		var valid = true; 
213		$("reqinputbox").css('border-color','');
214		$(".info").html('');
215		
216		if(!$("#userName").val()) {
217			$("#userName").css('border-color','#e34949');
218			valid = false;
219		}
220		if(!$("#userEmail").val()) {
221			$("#userEmail").css('border-color','#e34949');
222			valid = false;
223		}
224		if(!$("#userEmail").val().match(/^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/)) {
225			$("#userEmail").css('border-color','#e34949');
226			valid = false;
227		}
228		if(!$("#msg").val()) {
229			$("#msg").css('border-color','#e34949');
230			valid = false;
231		}
232		
233		return valid;
234	}
235	</script>

235
236
237<div id="login-popup" class="model-overlay">
238	<div class="model-overlay-inner">
239		<div class="model-box">
240			<span class="model-close"><span class="icon close">x</span></span>
241			<h2 class="align-center">Login Required</h2>
242			<p class="align-center">Only registered users can <span class="sc-icon material-symbols-outlined"> favorite </span> favorite!</p>
243			<div class="grid auto2 fullonmobile" style="max-width: 300px; margin: 0 auto;">
244			<a href="https://www.schemecolor.com/login?redirect=contact" class="button-style button-style2">Login</a>
245			<a href="https://www.schemecolor.com/wp-login.php?action=register" class="button-style button-style2" style="background-color: #333; border-color: #333; color: #fff;">Create Account</a>
246			</div>
247		</div>
248	</div>
249</div>
250
251<hr>
252<footer>
253	<div class="centered space-top-l space-bottom-l">
254		<div class="nomobile">
255			<ul>
256				<li><span class="h5">Popular</span></li>
257				<!-- <li><a href="https://www.schemecolor.com/colors" class="new">Popular Colors</a></li> -->
258				<li><a href="https://www.schemecolor.com/schemes">Color Schemes</a></li>
259				<li><a href="https://www.schemecolor.com/gradients" class="new">Gradients</a></li>
260				<li><a href="https://www.schemecolor.com/color/image">Image Palettes</a></li>
261				<li><a href="https://www.schemecolor.com/palettes/brand">Brand &amp; Logo colors</a></li>
262			</ul>
263		</div>
264		<div class="nomobile">
265			<ul>
266				<li><span class="h5">Color tools</span></li>
267				<li><a href="https://www.schemecolor.com/tools/color-code-converter">Color code converter</a></li>
268				<li><a href="https://www.schemecolor.com/tools/image-to-palette">Image to Palette</a></li>
269				<li><a href="https://www.schemecolor.com/tools/color-scheme-generator">Color Scheme Generator</a></li>
270				<li><a href="https://www.schemecolor.com/tools/create-gradient-palette">Gradients Palette Creator</a></li>
271				<li><a href="https://www.schemecolor.com/tools/ux-ui-color-contrast-checker">Contrast Checker</a></li>
272			</ul>
273		</div>
274		<div class="nomobile">
275			<ul>
276				<li><span class="h5">Information</span></li>
277				<li><a href="https://www.schemecolor.com/about">About Us</a></li>
278				<li><a href="https://www.schemecolor.com/privacy">Privacy Policy</a></li>
279				<li><a href="https://www.schemecolor.com/terms">Terms of use</a></li>
280				<!-- <li><a href="https://www.schemecolor.com/credits">Credits</a></li> -->
281				<li><a href="https://www.schemecolor.com/contact">Contact Us</a></li>
282			</ul>
283		</div>
284		<div>
285			<div class="logo">
286			<a href="https://www.schemecolor.com"><img src="https://www.schemecolor.com/wp-content/themes/sc/images/sc-logo.svg" alt="SchemeColor Logo"><span> SchemeColor</span></a>
287			</div>
288			<p class="nodesktop">
289				<a href="https://www.schemecolor.com/about">About</a>
290				&nbsp; | &nbsp;
291				<a href="https://www.schemecolor.com/privacy">Privacy</a>
292				&nbsp; | &nbsp;
293				<a href="https://www.schemecolor.com/contact">Contact</a>
294			</p>
295
296			<div class="footer-socials">
297				<a target="_blank" href="https://www.facebook.com/schemecolor"><span class="icon fbk">Facebook</span></a>
298				<a target="_blank" href="https://twitter.com/myschemecolor"><span class="icon twr">Twitter</span></a>
299				<a target="_blank" href="https://pinterest.com/schemecolor/"><span class="icon pin">Pinterest</span></a>
300				<a target="_blank" href="https://www.instagram.com/schemecolor_official/"><span class="icon ins">Instagram</span></a>
301			</div>
302			<br>
303			&copy; SchemeColor.com
304		</div>
305	</div>
306</footer>
307

308<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

308

309<script src="https://www.schemecolor.com/wp-content/themes/sc/js/sc-common.js"></script>

309
310
311
312
313

314<script src="https://www.schemecolor.com/wp-content/themes/sc/js/filter-by-colors.js"></script>

314
315
316
317<script src="https://www.google.com/recaptcha/api.js"></script>

318<script>
319    function submitForm() {
320        var formData = new FormData(document.getElementById('contactForm'));
321        formData.append('g-recaptcha-response', grecaptcha.getResponse());
322
323        var xhr = new XMLHttpRequest();
324        xhr.open('POST', 'https://www.schemecolor.com/wp-content/themes/sc/send_contact.php', true);
325
326        xhr.onreadystatechange = function() {
327            if (xhr.readyState == 4 && xhr.status == 200) {
328                var response = JSON.parse(xhr.responseText);
329                var messageDiv = document.getElementById('message');
330
331                // Display the message in the messageDiv
332                messageDiv.innerHTML = response.message;
333
334                // Hide the form if submission is successful
335                if (response.success) {
336                    document.getElementById('contactForm').style.display = 'none';
337                }
338            }
339        };
340
341        xhr.send(formData);
342    }
343</script>

343
344
345
346
347<div id="sc-favorite-toast" class="sc-favorite-toast" hidden
348     data-favorites-url="https://www.schemecolor.com/favorites/"
349     data-login-url="https://www.schemecolor.com/login/?redirect=https://www.schemecolor.com/contact">
350	<span class="sc-icon material-symbols-outlined" aria-hidden="true">favorite</span>
351	<div role="status" aria-live="polite" aria-atomic="true"><span data-toast-message></span><a data-toast-link></a><span data-toast-suffix></span></div>
352</div>

353<script src="https://www.schemecolor.com/wp-content/themes/sc/js/sc-favorites.js?ver=1789046709"></script>

353
354</body>
355</html>
356
357<!-- Cache served by breeze CACHE - Last modified: Fri, 02 Oct 2026 02:57:12 GMT -->