Heroku
tcp/443 tcp/80
cloudflare
tcp/443
.DS_Store” is an abbreviation for “Desktop Services Store”. These files are created automatically by Apples “Finder” software (which is part of their OS).
They store information about the files within a folder, including display options of folders, such as icon positions and view settings.
It may happen that .DS_Store files inadvertently leak filenames such as database backups or private administration panels.
Severity: low
Fingerprint: 5f32cf5d6962f09c3c1fc5e93c1fc5e91ec4a1aa3155cc0895cd635916285e4a
Found 5 files trough .DS_Store spidering: /fonts /fonts/GothamRounded-Book.otf /fonts/GothamRounded-Light.otf /img /img/techtest 2
Severity: low
Fingerprint: 5f32cf5d6962f09c0215adfc0215adfca832ed7f403e5723f2aee92e5d675f9a
Found 4 files trough .DS_Store spidering: /fonts /fonts/GothamRounded-Book.otf /fonts/GothamRounded-Light.otf /img
.DS_Store” is an abbreviation for “Desktop Services Store”. These files are created automatically by Apples “Finder” software (which is part of their OS).
They store information about the files within a folder, including display options of folders, such as icon positions and view settings.
It may happen that .DS_Store files inadvertently leak filenames such as database backups or private administration panels.
Severity: low
Fingerprint: 5f32cf5d6962f09c3c1fc5e93c1fc5e91ec4a1aa3155cc0895cd635916285e4a
Found 5 files trough .DS_Store spidering: /fonts /fonts/GothamRounded-Book.otf /fonts/GothamRounded-Light.otf /img /img/techtest 2
.DS_Store” is an abbreviation for “Desktop Services Store”. These files are created automatically by Apples “Finder” software (which is part of their OS).
They store information about the files within a folder, including display options of folders, such as icon positions and view settings.
It may happen that .DS_Store files inadvertently leak filenames such as database backups or private administration panels.
Severity: low
Fingerprint: 5f32cf5d6962f09c3c1fc5e93c1fc5e91ec4a1aa3155cc0895cd635916285e4a
Found 5 files trough .DS_Store spidering: /fonts /fonts/GothamRounded-Book.otf /fonts/GothamRounded-Light.otf /img /img/techtest 2
.DS_Store” is an abbreviation for “Desktop Services Store”. These files are created automatically by Apples “Finder” software (which is part of their OS).
They store information about the files within a folder, including display options of folders, such as icon positions and view settings.
It may happen that .DS_Store files inadvertently leak filenames such as database backups or private administration panels.
Severity: low
Fingerprint: 5f32cf5d6962f09c3c1fc5e93c1fc5e91ec4a1aa3155cc0895cd635916285e4a
Found 5 files trough .DS_Store spidering: /fonts /fonts/GothamRounded-Book.otf /fonts/GothamRounded-Light.otf /img /img/techtest 2
Open service 75.2.97.79:443 · materialpalette.com
2026-01-11 00:18
HTTP/1.1 200 OK
Cache-Control: max-age=0, private, must-revalidate
Content-Length: 29886
Content-Type: text/html; charset=utf-8
Etag: W/"9a3728c0b4cdcd14b6087af3b7815905"
Nel: {"report_to":"heroku-nel","response_headers":["Via"],"max_age":3600,"success_fraction":0.01,"failure_fraction":0.1}
Referrer-Policy: strict-origin-when-cross-origin
Report-To: {"group":"heroku-nel","endpoints":[{"url":"https://nel.heroku.com/reports?s=l%2FeQRuu5x%2BSJAy5z2QDJ8zq6oYl2x%2FXSSlWOC4njfG8%3D\u0026sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add\u0026ts=1768090731"}],"max_age":3600}
Reporting-Endpoints: heroku-nel="https://nel.heroku.com/reports?s=l%2FeQRuu5x%2BSJAy5z2QDJ8zq6oYl2x%2FXSSlWOC4njfG8%3D&sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add&ts=1768090731"
Server: Heroku
Set-Cookie: XSRF-TOKEN=Bs9TCck-LZ6F-EhHxfDgdoxgHK6ivgbSrZd2VhzXgpgBXVKcftsPkSgdmuTM9MXfX7mkrGtqax2PGYTN-ShHxg; path=/
Set-Cookie: _palette_session=xXxYRwIhLnB4v7URcFCjcwZkgfXjV1HAZJECc4CY4STNeWHa443%2B%2FPX2Xwe29YZy98%2FntbxXfA3zgFPTrAKcMvnSWbLwIpeEt%2BlUjp%2Bco9wVWjXgBCwkb1k1aU2hXobVMnqPlRuy553keGqtJdaXqBZ4oQELCF6ZsEFrQ5eCU7sYthbaVIaowIMOKPl3OOrOJ53keWSB2K588ZiFarqlzo5tYL1paNltTDHCgoCZFufGqdlLysZM5C9RqA7UajJaNX%2Fr%2FMMqPRCErtWPCFgJwGpsdMC6oFNN--blwhi%2Fp93vGeTVKR--9JTvhmW%2B%2B%2Bhb%2B0Yn4yLRKQ%3D%3D; path=/; httponly
Via: 1.1 heroku-router
X-Content-Type-Options: nosniff
X-Download-Options: noopen
X-Frame-Options: SAMEORIGIN
X-Permitted-Cross-Domain-Policies: none
X-Request-Id: c996b74f-108a-1bdb-f597-1c42963b1f90
X-Runtime: 0.003824
X-Xss-Protection: 1; mode=block
Date: Sun, 11 Jan 2026 00:18:51 GMT
Connection: close
Page title: Material Design Color Palette Generator - Material Palette
<!DOCTYPE html>
<html>
<head>
<title>Material Design Color Palette Generator - Material Palette</title>
<meta charset="utf-8">
<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Choose your favorite colors and get your Material Design palette generated and downloadable." >
<meta property="og:title" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:image" content="https://materialpalette.com/assets/facebook-e97d3446eefa01933d14bf4aa46907c0d3fcd4c2c17396b4a4731414992104b3.png">
<meta property="og:site_name" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:url" content='https://materialpalette.com/'>
<meta property="og:description" content="Choose your favorite colors and get your Material Design palette generated and downloadable.">
<meta property="og:type" content="website">
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="9YH2wihZg8yqSqX0OTU3A2NJkdHlL5WzYb37-CPjHkbyE_dXn7yhwwevd1cwMRKqsJAp0yz7-HxDMwljxhzbGA" />
<link rel="icon" type="image/x-icon" href="/assets/favicon-0f3eb1b9f6d525e848b1dca6db1cabd2a3e9e843749cb9ad72222b80ab9fdf19.ico" />
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=materialpalettecom" id="_carbonads_js"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<script src="https://kit.fontawesome.com/5eeae64c4d.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="/assets/application-26d17a38795f28c9aacb2ae3c98434436046ce8d934771efbeee84b41aad906e.css" media="all" data-turbolinks-track="reload" />
<script src="/packs/js/application-c7da18e2566e99d71abd.js" data-turbolinks-track="reload"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-164128820-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-164128820-1');
</script>
</head>
<body>
<style>
.palette-share__menu li.active a, .palette-share__menu li:hover a {
background: #e0e0e0;
}
</style>
<div class="palette-menu clearfix">
<h1>
<a href="/">
<span style="color: #e0e0e0">material design</span> <span style="color: #4db6ac">palette</span>
</a> </h1>
<div class="right-section">
<a
class="shecodes-link"
href="https://www.shecodes.io/"
target="_blank"
>
<div class="tada animated">
<img src="/img/shecodes.png" alt="shecodes-logo" />
<span>Learn to code with SheCodes</span>
<i class="fas fa-arrow-right"></i>
</div>
</a>
</div>
</div>
<div data-react-class="Palette" data-react-props="{"colors":[{"name":"red","key":"red","android":"red","shades":{"50":{"hex":"#ffebee","contrast":"black"},"100":{"hex":"#ffcdd2","contrast":"black"},"200":{"hex":"#ef9a9a","contrast":"black"},"300":{"hex":"#e57373","contrast":"black"},"400":{"hex":"#ef5350","contrast":"black"},"500":{"hex":"#f44336","contrast":"white"},"600":{"hex":"#e53935","contrast":"white"},"700":{"hex":"#d32f2f","contrast":"white"},"800":{"hex":"#c62828","contrast":"white"},"900":{"hex":"#b71c1c"
Open service 13.248.132.87:443 · materialpalette.com
2026-01-11 00:18
HTTP/1.1 200 OK
Cache-Control: max-age=0, private, must-revalidate
Content-Length: 29886
Content-Type: text/html; charset=utf-8
Etag: W/"9d5a6800cc0b869338fe3341dbebc972"
Nel: {"report_to":"heroku-nel","response_headers":["Via"],"max_age":3600,"success_fraction":0.01,"failure_fraction":0.1}
Referrer-Policy: strict-origin-when-cross-origin
Report-To: {"group":"heroku-nel","endpoints":[{"url":"https://nel.heroku.com/reports?s=l%2FeQRuu5x%2BSJAy5z2QDJ8zq6oYl2x%2FXSSlWOC4njfG8%3D\u0026sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add\u0026ts=1768090731"}],"max_age":3600}
Reporting-Endpoints: heroku-nel="https://nel.heroku.com/reports?s=l%2FeQRuu5x%2BSJAy5z2QDJ8zq6oYl2x%2FXSSlWOC4njfG8%3D&sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add&ts=1768090731"
Server: Heroku
Set-Cookie: XSRF-TOKEN=as1fDXJ8Lo_XQWPIzitWnxmgmA1pNJnMTqB9e4IC5liZ-TT6YjfNSb4n3U2rFDH4UsNIp8tJjshmFBzCLnfGSg; path=/
Set-Cookie: _palette_session=tmqA2dmFWYHrxbpVzTAoh8XV4%2FT9dKUpe3Ddfl1hsDHKpLJL9cLhUZdMB8ZieSL5wycsx8yolFMX5N5EZcpK%2B8YqAgNl4d1UJGdxaiQBvHxLVlKImuxgJ4okqJB8yJXiewrYJIXT49JuwRMnbrrpwgsD%2FQaOG%2Bp%2FLA8wmRWQTwGapWyoADSIS3jR7tdj8%2FQDDD0wU%2BEi8MXaYrvcVOBm8ZzWGytoK8A1zq3899sML%2FMXMUDft%2FDgCJRCaNSf7mXSxhCkSRXdgrc9WG8Cg0CzSPyWUBC1X2B9--Dh4sVw0U0D8B0dZu--A15lY4pWmYRlnTfx9Dh22g%3D%3D; path=/; httponly
Via: 1.1 heroku-router
X-Content-Type-Options: nosniff
X-Download-Options: noopen
X-Frame-Options: SAMEORIGIN
X-Permitted-Cross-Domain-Policies: none
X-Request-Id: 8225ebc1-5e6c-5041-7e55-b09ba253f687
X-Runtime: 0.004102
X-Xss-Protection: 1; mode=block
Date: Sun, 11 Jan 2026 00:18:51 GMT
Connection: close
Page title: Material Design Color Palette Generator - Material Palette
<!DOCTYPE html>
<html>
<head>
<title>Material Design Color Palette Generator - Material Palette</title>
<meta charset="utf-8">
<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Choose your favorite colors and get your Material Design palette generated and downloadable." >
<meta property="og:title" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:image" content="https://materialpalette.com/assets/facebook-e97d3446eefa01933d14bf4aa46907c0d3fcd4c2c17396b4a4731414992104b3.png">
<meta property="og:site_name" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:url" content='https://materialpalette.com/'>
<meta property="og:description" content="Choose your favorite colors and get your Material Design palette generated and downloadable.">
<meta property="og:type" content="website">
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="vevQhYkatP3y2H7yeItNsI0P4ghZoDoKV_U4WD1MWzRO37tymVFXO5u-wHcdtCrXxmwyovvdLQ5_QVnhkTl7Jg" />
<link rel="icon" type="image/x-icon" href="/assets/favicon-0f3eb1b9f6d525e848b1dca6db1cabd2a3e9e843749cb9ad72222b80ab9fdf19.ico" />
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=materialpalettecom" id="_carbonads_js"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<script src="https://kit.fontawesome.com/5eeae64c4d.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="/assets/application-26d17a38795f28c9aacb2ae3c98434436046ce8d934771efbeee84b41aad906e.css" media="all" data-turbolinks-track="reload" />
<script src="/packs/js/application-c7da18e2566e99d71abd.js" data-turbolinks-track="reload"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-164128820-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-164128820-1');
</script>
</head>
<body>
<style>
.palette-share__menu li.active a, .palette-share__menu li:hover a {
background: #e57373;
}
</style>
<div class="palette-menu clearfix">
<h1>
<a href="/">
<span style="color: #e57373">material design</span> <span style="color: #4db6ac">palette</span>
</a> </h1>
<div class="right-section">
<a
class="shecodes-link"
href="https://www.shecodes.io/"
target="_blank"
>
<div class="tada animated">
<img src="/img/shecodes.png" alt="shecodes-logo" />
<span>Learn to code with SheCodes</span>
<i class="fas fa-arrow-right"></i>
</div>
</a>
</div>
</div>
<div data-react-class="Palette" data-react-props="{"colors":[{"name":"red","key":"red","android":"red","shades":{"50":{"hex":"#ffebee","contrast":"black"},"100":{"hex":"#ffcdd2","contrast":"black"},"200":{"hex":"#ef9a9a","contrast":"black"},"300":{"hex":"#e57373","contrast":"black"},"400":{"hex":"#ef5350","contrast":"black"},"500":{"hex":"#f44336","contrast":"white"},"600":{"hex":"#e53935","contrast":"white"},"700":{"hex":"#d32f2f","contrast":"white"},"800":{"hex":"#c62828","contrast":"white"},"900":{"hex":"#b71c1c"
Open service 35.71.145.101:443 · materialpalette.com
2026-01-11 00:18
HTTP/1.1 200 OK
Cache-Control: max-age=0, private, must-revalidate
Content-Length: 29886
Content-Type: text/html; charset=utf-8
Etag: W/"f9d100d4fce29b78ec53fc1d3cbc6034"
Nel: {"report_to":"heroku-nel","response_headers":["Via"],"max_age":3600,"success_fraction":0.01,"failure_fraction":0.1}
Referrer-Policy: strict-origin-when-cross-origin
Report-To: {"group":"heroku-nel","endpoints":[{"url":"https://nel.heroku.com/reports?s=l%2FeQRuu5x%2BSJAy5z2QDJ8zq6oYl2x%2FXSSlWOC4njfG8%3D\u0026sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add\u0026ts=1768090731"}],"max_age":3600}
Reporting-Endpoints: heroku-nel="https://nel.heroku.com/reports?s=l%2FeQRuu5x%2BSJAy5z2QDJ8zq6oYl2x%2FXSSlWOC4njfG8%3D&sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add&ts=1768090731"
Server: Heroku
Set-Cookie: XSRF-TOKEN=bA3pqAjhs3qRwKwk4Pv20TJ9MYVDJvw31ZF8WQQWy7GUEj25ugstSZeCnffkwGPXo0uAup_WOMr0ECQTNDGbAw; path=/
Set-Cookie: _palette_session=n6JjeuWHWyeAvHEJlQYb9f61HpY869f1%2FiuSU%2FX7LsfMHcIVLNNMFkt9O6pJUWV%2B7k3cbjvl%2Fr3qeOseC8oeKrTgzqFofIqv2SsMvOynSQtUSNNbi9bhx7qtv10DpdEJNbOAsbUIRf%2BmMjIbPkgvUSDgaspbBJ9HV0QCUKeIrn6Ce1jvdE4NaSfkLKrgZvGaSOsgCx2Jsh0aLenRraCROch3GKNXFHx%2BoFmTMqc3B8XF4HHm%2F0kS8fNl%2FElAVwBD4P0UHIXkExNJ2%2Bd9cfrFKYWKQckQ3BsJ--9Q81C5%2FkRX9rR8oR--ofKTOikXrjwy5U1%2BXiFocA%3D%3D; path=/; httponly
Via: 1.1 heroku-router
X-Content-Type-Options: nosniff
X-Download-Options: noopen
X-Frame-Options: SAMEORIGIN
X-Permitted-Cross-Domain-Policies: none
X-Request-Id: 26f40c70-508f-d100-8aee-5eb94598e314
X-Runtime: 0.003654
X-Xss-Protection: 1; mode=block
Date: Sun, 11 Jan 2026 00:18:51 GMT
Connection: close
Page title: Material Design Color Palette Generator - Material Palette
<!DOCTYPE html>
<html>
<head>
<title>Material Design Color Palette Generator - Material Palette</title>
<meta charset="utf-8">
<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Choose your favorite colors and get your Material Design palette generated and downloadable." >
<meta property="og:title" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:image" content="https://materialpalette.com/assets/facebook-e97d3446eefa01933d14bf4aa46907c0d3fcd4c2c17396b4a4731414992104b3.png">
<meta property="og:site_name" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:url" content='https://materialpalette.com/'>
<meta property="og:description" content="Choose your favorite colors and get your Material Design palette generated and downloadable.">
<meta property="og:type" content="website">
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="Dtoy_z8mGR4Aq46MaSEh7-WRmaay0uAGQtEF4ZSQiuP2xebujcyHLQbpv19tGrTpdKcomW4iJPtjUF2rpLfaUQ" />
<link rel="icon" type="image/x-icon" href="/assets/favicon-0f3eb1b9f6d525e848b1dca6db1cabd2a3e9e843749cb9ad72222b80ab9fdf19.ico" />
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=materialpalettecom" id="_carbonads_js"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<script src="https://kit.fontawesome.com/5eeae64c4d.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="/assets/application-26d17a38795f28c9aacb2ae3c98434436046ce8d934771efbeee84b41aad906e.css" media="all" data-turbolinks-track="reload" />
<script src="/packs/js/application-c7da18e2566e99d71abd.js" data-turbolinks-track="reload"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-164128820-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-164128820-1');
</script>
</head>
<body>
<style>
.palette-share__menu li.active a, .palette-share__menu li:hover a {
background: #7986cb;
}
</style>
<div class="palette-menu clearfix">
<h1>
<a href="/">
<span style="color: #7986cb">material design</span> <span style="color: #e57373">palette</span>
</a> </h1>
<div class="right-section">
<a
class="shecodes-link"
href="https://www.shecodes.io/"
target="_blank"
>
<div class="tada animated">
<img src="/img/shecodes.png" alt="shecodes-logo" />
<span>Learn to code with SheCodes</span>
<i class="fas fa-arrow-right"></i>
</div>
</a>
</div>
</div>
<div data-react-class="Palette" data-react-props="{"colors":[{"name":"red","key":"red","android":"red","shades":{"50":{"hex":"#ffebee","contrast":"black"},"100":{"hex":"#ffcdd2","contrast":"black"},"200":{"hex":"#ef9a9a","contrast":"black"},"300":{"hex":"#e57373","contrast":"black"},"400":{"hex":"#ef5350","contrast":"black"},"500":{"hex":"#f44336","contrast":"white"},"600":{"hex":"#e53935","contrast":"white"},"700":{"hex":"#d32f2f","contrast":"white"},"800":{"hex":"#c62828","contrast":"white"},"900":{"hex":"#b71c1c"
Open service 35.71.145.101:80 · materialpalette.com
2026-01-11 00:18
HTTP/1.1 200 OK
Cache-Control: max-age=0, private, must-revalidate
Content-Length: 29883
Content-Type: text/html; charset=utf-8
Etag: W/"da41237b246fa262ce9a08218880f392"
Nel: {"report_to":"heroku-nel","response_headers":["Via"],"max_age":3600,"success_fraction":0.01,"failure_fraction":0.1}
Referrer-Policy: strict-origin-when-cross-origin
Report-To: {"group":"heroku-nel","endpoints":[{"url":"https://nel.heroku.com/reports?s=pGrVUL3Qhpse1ObTh4VYL4%2BKRKjzQDCa7ZA1Bk3cxmM%3D\u0026sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add\u0026ts=1768090793"}],"max_age":3600}
Reporting-Endpoints: heroku-nel="https://nel.heroku.com/reports?s=pGrVUL3Qhpse1ObTh4VYL4%2BKRKjzQDCa7ZA1Bk3cxmM%3D&sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add&ts=1768090793"
Server: Heroku
Set-Cookie: XSRF-TOKEN=wZ5FPlMtV1YNEJmjxZhnFmGpS5uRPpEXP1Sg0e89731Jo7e5A2euemOA115CwTds2N0bmJMsYFmwtFLENIgH0g; path=/
Set-Cookie: _palette_session=aNmoWUltM1qIj3FkR3iAr%2BfT42yedY1o9lxmEAs1QU49pzLGA38Y2T8a0cas173TFmtoFVqZgB2juyhHEflz2xrkdgYnFF9pJQRWgn0qG97NQJZGyBwk7sLc7RvkzPptQsPhADO8223N2Kd%2B8lEzGidB6HWuYDDJAxqvZ%2BpGbQ5Yb5v4GBnRb5nXfgUFe5oi9RsPryfbOEjOQFACL%2BVzG%2BLFipB9e1A9nzSVkHbdu8hNql9LnGqk4tw195JTW0O0qM2iVOpMpfSQPov%2BEaB1mNLgU%2BSzUTn6--PrkJWJGZB7d35902--OzCXh9dF%2FGVCL7tcPwWrtA%3D%3D; path=/; httponly
Via: 1.1 heroku-router
X-Content-Type-Options: nosniff
X-Download-Options: noopen
X-Frame-Options: SAMEORIGIN
X-Permitted-Cross-Domain-Policies: none
X-Request-Id: 1fe4a11a-ab7c-a982-39bb-5062b8cccda3
X-Runtime: 0.003945
X-Xss-Protection: 1; mode=block
Date: Sun, 11 Jan 2026 00:19:53 GMT
Connection: close
Page title: Material Design Color Palette Generator - Material Palette
<!DOCTYPE html>
<html>
<head>
<title>Material Design Color Palette Generator - Material Palette</title>
<meta charset="utf-8">
<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Choose your favorite colors and get your Material Design palette generated and downloadable." >
<meta property="og:title" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:image" content="http://materialpalette.com/assets/facebook-e97d3446eefa01933d14bf4aa46907c0d3fcd4c2c17396b4a4731414992104b3.png">
<meta property="og:site_name" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:url" content='http://materialpalette.com/'>
<meta property="og:description" content="Choose your favorite colors and get your Material Design palette generated and downloadable.">
<meta property="og:type" content="website">
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="o3gapYX_GeyxgucyoR9pBiAHyg1AQ7o35MB7M9KnivMrRegi1bXgwN8Sqc8mRjl8mXOaDkJRS3lrIIkmCRJiXA" />
<link rel="icon" type="image/x-icon" href="/assets/favicon-0f3eb1b9f6d525e848b1dca6db1cabd2a3e9e843749cb9ad72222b80ab9fdf19.ico" />
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=materialpalettecom" id="_carbonads_js"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<script src="https://kit.fontawesome.com/5eeae64c4d.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="/assets/application-26d17a38795f28c9aacb2ae3c98434436046ce8d934771efbeee84b41aad906e.css" media="all" data-turbolinks-track="reload" />
<script src="/packs/js/application-c7da18e2566e99d71abd.js" data-turbolinks-track="reload"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-164128820-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-164128820-1');
</script>
</head>
<body>
<style>
.palette-share__menu li.active a, .palette-share__menu li:hover a {
background: #fff176;
}
</style>
<div class="palette-menu clearfix">
<h1>
<a href="/">
<span style="color: #fff176">material design</span> <span style="color: #ffb74d">palette</span>
</a> </h1>
<div class="right-section">
<a
class="shecodes-link"
href="https://www.shecodes.io/"
target="_blank"
>
<div class="tada animated">
<img src="/img/shecodes.png" alt="shecodes-logo" />
<span>Learn to code with SheCodes</span>
<i class="fas fa-arrow-right"></i>
</div>
</a>
</div>
</div>
<div data-react-class="Palette" data-react-props="{"colors":[{"name":"red","key":"red","android":"red","shades":{"50":{"hex":"#ffebee","contrast":"black"},"100":{"hex":"#ffcdd2","contrast":"black"},"200":{"hex":"#ef9a9a","contrast":"black"},"300":{"hex":"#e57373","contrast":"black"},"400":{"hex":"#ef5350","contrast":"black"},"500":{"hex":"#f44336","contrast":"white"},"600":{"hex":"#e53935","contrast":"white"},"700":{"hex":"#d32f2f","contrast":"white"},"800":{"hex":"#c62828","contrast":"white"},"900":{"hex":"#b71c1c",&
Open service 13.248.132.87:80 · materialpalette.com
2026-01-11 00:18
HTTP/1.1 200 OK
Cache-Control: max-age=0, private, must-revalidate
Content-Length: 29883
Content-Type: text/html; charset=utf-8
Etag: W/"c9a8dc9646f8a801ea5f352a0f8db871"
Nel: {"report_to":"heroku-nel","response_headers":["Via"],"max_age":3600,"success_fraction":0.01,"failure_fraction":0.1}
Referrer-Policy: strict-origin-when-cross-origin
Report-To: {"group":"heroku-nel","endpoints":[{"url":"https://nel.heroku.com/reports?s=Nu5ZwqGTyk4RYEsv2q1BdbF3j9FDxVWXFAL8N2jxlR4%3D\u0026sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add\u0026ts=1768090792"}],"max_age":3600}
Reporting-Endpoints: heroku-nel="https://nel.heroku.com/reports?s=Nu5ZwqGTyk4RYEsv2q1BdbF3j9FDxVWXFAL8N2jxlR4%3D&sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add&ts=1768090792"
Server: Heroku
Set-Cookie: XSRF-TOKEN=FvOyuLFI73ZWFdxGv7CLIFmMsi5vYY2gU_dyRztpL09dGNNKLbsBcvcdvfeECxBmD_9WdCwCd40VscZ3BxojzA; path=/
Set-Cookie: _palette_session=3bwhF2o6AuU5Melry2L7hjhiT7GsSvC%2BmfychX%2FLQ2pJFWobJn45LSTFCotZSWW17sUlCQNXM4%2BKyEBmE6OLxS9LPcHHOR%2FzjlwROA8MU43K%2F%2FqSMs4R4HxmUsoL03LQrPZlSkFOruGBqAv4kIqp159040Ch4yPgK1Qr%2B7HLWV8Yixo%2B4U4R8k3BGMkVkX%2Bkflhcm1E30JGNuSNj8Ztk2bhBzOYYNGtwijUiQi%2Bi4ItH%2BLluzSypNyLIWbNq4CVyu3rcWSMiGpM2rL8l67f753w4VLlVZZlP--%2BlGvyX%2Fyanm%2FLmmv--LnfIymiNDmvFVEBxwA2%2B8g%3D%3D; path=/; httponly
Via: 1.1 heroku-router
X-Content-Type-Options: nosniff
X-Download-Options: noopen
X-Frame-Options: SAMEORIGIN
X-Permitted-Cross-Domain-Policies: none
X-Request-Id: fc73852d-6fb9-30d8-8db6-2afb25785b44
X-Runtime: 0.003743
X-Xss-Protection: 1; mode=block
Date: Sun, 11 Jan 2026 00:19:52 GMT
Connection: close
Page title: Material Design Color Palette Generator - Material Palette
<!DOCTYPE html>
<html>
<head>
<title>Material Design Color Palette Generator - Material Palette</title>
<meta charset="utf-8">
<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Choose your favorite colors and get your Material Design palette generated and downloadable." >
<meta property="og:title" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:image" content="http://materialpalette.com/assets/facebook-e97d3446eefa01933d14bf4aa46907c0d3fcd4c2c17396b4a4731414992104b3.png">
<meta property="og:site_name" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:url" content='http://materialpalette.com/'>
<meta property="og:description" content="Choose your favorite colors and get your Material Design palette generated and downloadable.">
<meta property="og:type" content="website">
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="aW7PJx5ufOLrHUsovTr4tqXvCKW2fKz--kUMKFBhWtwiha7Vgp2S5koVKpmGgWPw85zs__UfVtO8A7gYbBJWXw" />
<link rel="icon" type="image/x-icon" href="/assets/favicon-0f3eb1b9f6d525e848b1dca6db1cabd2a3e9e843749cb9ad72222b80ab9fdf19.ico" />
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=materialpalettecom" id="_carbonads_js"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<script src="https://kit.fontawesome.com/5eeae64c4d.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="/assets/application-26d17a38795f28c9aacb2ae3c98434436046ce8d934771efbeee84b41aad906e.css" media="all" data-turbolinks-track="reload" />
<script src="/packs/js/application-c7da18e2566e99d71abd.js" data-turbolinks-track="reload"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-164128820-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-164128820-1');
</script>
</head>
<body>
<style>
.palette-share__menu li.active a, .palette-share__menu li:hover a {
background: #a1887f;
}
</style>
<div class="palette-menu clearfix">
<h1>
<a href="/">
<span style="color: #a1887f">material design</span> <span style="color: #4fc3f7">palette</span>
</a> </h1>
<div class="right-section">
<a
class="shecodes-link"
href="https://www.shecodes.io/"
target="_blank"
>
<div class="tada animated">
<img src="/img/shecodes.png" alt="shecodes-logo" />
<span>Learn to code with SheCodes</span>
<i class="fas fa-arrow-right"></i>
</div>
</a>
</div>
</div>
<div data-react-class="Palette" data-react-props="{"colors":[{"name":"red","key":"red","android":"red","shades":{"50":{"hex":"#ffebee","contrast":"black"},"100":{"hex":"#ffcdd2","contrast":"black"},"200":{"hex":"#ef9a9a","contrast":"black"},"300":{"hex":"#e57373","contrast":"black"},"400":{"hex":"#ef5350","contrast":"black"},"500":{"hex":"#f44336","contrast":"white"},"600":{"hex":"#e53935","contrast":"white"},"700":{"hex":"#d32f2f","contrast":"white"},"800":{"hex":"#c62828","contrast":"white"},"900":{"hex":"#b71c1c",&
Open service 75.2.97.79:80 · materialpalette.com
2026-01-11 00:18
HTTP/1.1 200 OK
Cache-Control: max-age=0, private, must-revalidate
Content-Length: 29883
Content-Type: text/html; charset=utf-8
Etag: W/"71ed2b4b4a1c8d7340b32ab0e000009d"
Nel: {"report_to":"heroku-nel","response_headers":["Via"],"max_age":3600,"success_fraction":0.01,"failure_fraction":0.1}
Referrer-Policy: strict-origin-when-cross-origin
Report-To: {"group":"heroku-nel","endpoints":[{"url":"https://nel.heroku.com/reports?s=pGrVUL3Qhpse1ObTh4VYL4%2BKRKjzQDCa7ZA1Bk3cxmM%3D\u0026sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add\u0026ts=1768090793"}],"max_age":3600}
Reporting-Endpoints: heroku-nel="https://nel.heroku.com/reports?s=pGrVUL3Qhpse1ObTh4VYL4%2BKRKjzQDCa7ZA1Bk3cxmM%3D&sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add&ts=1768090793"
Server: Heroku
Set-Cookie: XSRF-TOKEN=B9n0yaHCSv5uVmJ7wS5s0qEHDuuA2T1t7ILcBjiNVtpaoAAww4GOcMcrzMTA0tBUSoch5keZEUXI_CAeflN-Pg; path=/
Set-Cookie: _palette_session=E2a7jk48Xvua1AFXmPETdhzeVv9Wxmiu4%2BHzVvYGHEcDuauHoXgyozoKBWX672ECCX6Wo%2BrultEhuqwJXsKOVO4Vebj1qI1HZTy2IHKdmwA9rznckFONohZBKeNT6Dflopw2nNWAesnAJysYqOF1Vnk459jHISY1p%2F4or8Zb5oC1%2FGbyJXC2LC4BD2ZBH8l2n5wuZe5QRPZQJh5XsL7pOVHgtVIfq7so3fyyTKuBxH%2BLX306x5oA%2FvcH9iV5xqscSZajK18R1x9t0GW5UZbNcnoaN%2BAGVkNX--CO%2F%2B7VdypwDWvntu--LE6H35d%2Fs1rzINcuhQ3d3Q%3D%3D; path=/; httponly
Via: 1.1 heroku-router
X-Content-Type-Options: nosniff
X-Download-Options: noopen
X-Frame-Options: SAMEORIGIN
X-Permitted-Cross-Domain-Policies: none
X-Request-Id: 7c5fc310-a5ee-bb19-7ac6-98a5dbdcdabb
X-Runtime: 0.004002
X-Xss-Protection: 1; mode=block
Date: Sun, 11 Jan 2026 00:19:53 GMT
Connection: close
Page title: Material Design Color Palette Generator - Material Palette
<!DOCTYPE html>
<html>
<head>
<title>Material Design Color Palette Generator - Material Palette</title>
<meta charset="utf-8">
<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Choose your favorite colors and get your Material Design palette generated and downloadable." >
<meta property="og:title" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:image" content="http://materialpalette.com/assets/facebook-e97d3446eefa01933d14bf4aa46907c0d3fcd4c2c17396b4a4731414992104b3.png">
<meta property="og:site_name" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:url" content='http://materialpalette.com/'>
<meta property="og:description" content="Choose your favorite colors and get your Material Design palette generated and downloadable.">
<meta property="og:type" content="website">
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="Q9HSMLYfH-rLcjPGJ8V9InIzfwq0BXgAoArKvhDx8NoeqCbJ1FzbZGIPnXkmOcGkmbNQB3NFVCiEdDamVi_YPg" />
<link rel="icon" type="image/x-icon" href="/assets/favicon-0f3eb1b9f6d525e848b1dca6db1cabd2a3e9e843749cb9ad72222b80ab9fdf19.ico" />
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=materialpalettecom" id="_carbonads_js"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<script src="https://kit.fontawesome.com/5eeae64c4d.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="/assets/application-26d17a38795f28c9aacb2ae3c98434436046ce8d934771efbeee84b41aad906e.css" media="all" data-turbolinks-track="reload" />
<script src="/packs/js/application-c7da18e2566e99d71abd.js" data-turbolinks-track="reload"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-164128820-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-164128820-1');
</script>
</head>
<body>
<style>
.palette-share__menu li.active a, .palette-share__menu li:hover a {
background: #e0e0e0;
}
</style>
<div class="palette-menu clearfix">
<h1>
<a href="/">
<span style="color: #e0e0e0">material design</span> <span style="color: #81c784">palette</span>
</a> </h1>
<div class="right-section">
<a
class="shecodes-link"
href="https://www.shecodes.io/"
target="_blank"
>
<div class="tada animated">
<img src="/img/shecodes.png" alt="shecodes-logo" />
<span>Learn to code with SheCodes</span>
<i class="fas fa-arrow-right"></i>
</div>
</a>
</div>
</div>
<div data-react-class="Palette" data-react-props="{"colors":[{"name":"red","key":"red","android":"red","shades":{"50":{"hex":"#ffebee","contrast":"black"},"100":{"hex":"#ffcdd2","contrast":"black"},"200":{"hex":"#ef9a9a","contrast":"black"},"300":{"hex":"#e57373","contrast":"black"},"400":{"hex":"#ef5350","contrast":"black"},"500":{"hex":"#f44336","contrast":"white"},"600":{"hex":"#e53935","contrast":"white"},"700":{"hex":"#d32f2f","contrast":"white"},"800":{"hex":"#c62828","contrast":"white"},"900":{"hex":"#b71c1c",&
Open service 99.83.151.71:80 · materialpalette.com
2026-01-11 00:18
HTTP/1.1 200 OK
Cache-Control: max-age=0, private, must-revalidate
Content-Length: 29883
Content-Type: text/html; charset=utf-8
Etag: W/"885971bd60c90d0e0f4699dcee12a5fb"
Nel: {"report_to":"heroku-nel","response_headers":["Via"],"max_age":3600,"success_fraction":0.01,"failure_fraction":0.1}
Referrer-Policy: strict-origin-when-cross-origin
Report-To: {"group":"heroku-nel","endpoints":[{"url":"https://nel.heroku.com/reports?s=Nu5ZwqGTyk4RYEsv2q1BdbF3j9FDxVWXFAL8N2jxlR4%3D\u0026sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add\u0026ts=1768090792"}],"max_age":3600}
Reporting-Endpoints: heroku-nel="https://nel.heroku.com/reports?s=Nu5ZwqGTyk4RYEsv2q1BdbF3j9FDxVWXFAL8N2jxlR4%3D&sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add&ts=1768090792"
Server: Heroku
Set-Cookie: XSRF-TOKEN=-rHhIWEpIegIIoHE30FlmmODj8lBXjG0KCHyqAom4wriWFBOgYqSXhYPewRTmDGMvAbRBvHNVdZUY0fQy8y8RQ; path=/
Set-Cookie: _palette_session=FtNPDSRA18mtxVRRyyr1bkxIkl8Sv0oaZuswGIlydAlLBW6EEZnoXipFveRAM9w1X0m9atztO23yTqO4rs19UWDeVdXJB7JraVwoiJQjJyxkXbVX2MtEJ%2B64qwkiLhCA2NmRI3PLtfVmTGeWrtzmaD2n9BAE7t2DrBkxlQWZSkfgppkw9PkYQtDDnLYJPpd1YooL%2FN6hNRT82K7RUixV1XI8PSCJGU8at%2FecOtI9a%2FbsA8teYGkZwMgozA6sPj43NjehlHPxaMWMXJIB%2FXAt%2FgXHnrOkFVit--OdPcUbySAyL9xfMd--1Rv3dUuwVTSDEtNV6XdWaw%3D%3D; path=/; httponly
Via: 1.1 heroku-router
X-Content-Type-Options: nosniff
X-Download-Options: noopen
X-Frame-Options: SAMEORIGIN
X-Permitted-Cross-Domain-Policies: none
X-Request-Id: 0b28b397-4cae-7469-9443-9aa9f4b29264
X-Runtime: 0.004255
X-Xss-Protection: 1; mode=block
Date: Sun, 11 Jan 2026 00:19:52 GMT
Connection: close
Page title: Material Design Color Palette Generator - Material Palette
<!DOCTYPE html>
<html>
<head>
<title>Material Design Color Palette Generator - Material Palette</title>
<meta charset="utf-8">
<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Choose your favorite colors and get your Material Design palette generated and downloadable." >
<meta property="og:title" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:image" content="http://materialpalette.com/assets/facebook-e97d3446eefa01933d14bf4aa46907c0d3fcd4c2c17396b4a4731414992104b3.png">
<meta property="og:site_name" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:url" content='http://materialpalette.com/'>
<meta property="og:description" content="Choose your favorite colors and get your Material Design palette generated and downloadable.">
<meta property="og:type" content="website">
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="RXg6ICC3FTNd-_TM6FHxOPzZtiQAPmJJg12eqnHPfDddkYtPwBSmhUPWDgxkiKUuI1zo67CtBiv_HyvSsCUjeA" />
<link rel="icon" type="image/x-icon" href="/assets/favicon-0f3eb1b9f6d525e848b1dca6db1cabd2a3e9e843749cb9ad72222b80ab9fdf19.ico" />
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=materialpalettecom" id="_carbonads_js"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<script src="https://kit.fontawesome.com/5eeae64c4d.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="/assets/application-26d17a38795f28c9aacb2ae3c98434436046ce8d934771efbeee84b41aad906e.css" media="all" data-turbolinks-track="reload" />
<script src="/packs/js/application-c7da18e2566e99d71abd.js" data-turbolinks-track="reload"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-164128820-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-164128820-1');
</script>
</head>
<body>
<style>
.palette-share__menu li.active a, .palette-share__menu li:hover a {
background: #4db6ac;
}
</style>
<div class="palette-menu clearfix">
<h1>
<a href="/">
<span style="color: #4db6ac">material design</span> <span style="color: #4fc3f7">palette</span>
</a> </h1>
<div class="right-section">
<a
class="shecodes-link"
href="https://www.shecodes.io/"
target="_blank"
>
<div class="tada animated">
<img src="/img/shecodes.png" alt="shecodes-logo" />
<span>Learn to code with SheCodes</span>
<i class="fas fa-arrow-right"></i>
</div>
</a>
</div>
</div>
<div data-react-class="Palette" data-react-props="{"colors":[{"name":"red","key":"red","android":"red","shades":{"50":{"hex":"#ffebee","contrast":"black"},"100":{"hex":"#ffcdd2","contrast":"black"},"200":{"hex":"#ef9a9a","contrast":"black"},"300":{"hex":"#e57373","contrast":"black"},"400":{"hex":"#ef5350","contrast":"black"},"500":{"hex":"#f44336","contrast":"white"},"600":{"hex":"#e53935","contrast":"white"},"700":{"hex":"#d32f2f","contrast":"white"},"800":{"hex":"#c62828","contrast":"white"},"900":{"hex":"#b71c1c",&
Open service 99.83.151.71:443 · materialpalette.com
2026-01-11 00:18
HTTP/1.1 200 OK
Cache-Control: max-age=0, private, must-revalidate
Content-Length: 29886
Content-Type: text/html; charset=utf-8
Etag: W/"f84575516c5cee26a082afa0838c49c1"
Nel: {"report_to":"heroku-nel","response_headers":["Via"],"max_age":3600,"success_fraction":0.01,"failure_fraction":0.1}
Referrer-Policy: strict-origin-when-cross-origin
Report-To: {"group":"heroku-nel","endpoints":[{"url":"https://nel.heroku.com/reports?s=l%2FeQRuu5x%2BSJAy5z2QDJ8zq6oYl2x%2FXSSlWOC4njfG8%3D\u0026sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add\u0026ts=1768090731"}],"max_age":3600}
Reporting-Endpoints: heroku-nel="https://nel.heroku.com/reports?s=l%2FeQRuu5x%2BSJAy5z2QDJ8zq6oYl2x%2FXSSlWOC4njfG8%3D&sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add&ts=1768090731"
Server: Heroku
Set-Cookie: XSRF-TOKEN=XgiDJ5yD1urg5GDiC4Dex03Dg5uLo67QwEou6QiWNqMMHXQECkk7tq3Hg-z-ewghc2Q435oZz_Gon85grD6S_Q; path=/
Set-Cookie: _palette_session=oggyDSDHle020g9Q3iDJLAe9oAW3TsfM1MQyuut3FYC7qK2p1rl7NgVXHBBhUj%2BjLpUSXRrLXu6x65PaiTPYbQQQsJUp1helBzruLKWklOsDszehU%2Fg704mzzF2Oet1TAxeaxjA%2BMnjhU6ueCqeAbkU0sshbEkeB5d1VCx9HB8JT%2BIhUD%2FRxpXlsVobWOv1ke%2Fn7KDvzrmCVOcRKYciRi0irx8lDU6mTl4MrD31xUEgkWa9NA%2BCPh%2FmgfmWB2y0JCQ0Rp3ALsr4h8zau0cNUfKyC9d%2BT8RDR--tZlSf0TEnY0QMQ7P--xW9A8jIsLwScCZuFqL3o%2BQ%3D%3D; path=/; httponly
Via: 1.1 heroku-router
X-Content-Type-Options: nosniff
X-Download-Options: noopen
X-Frame-Options: SAMEORIGIN
X-Permitted-Cross-Domain-Policies: none
X-Request-Id: df5c569b-9788-3237-ff53-1eb177b8967a
X-Runtime: 0.004986
X-Xss-Protection: 1; mode=block
Date: Sun, 11 Jan 2026 00:18:51 GMT
Connection: close
Page title: Material Design Color Palette Generator - Material Palette
<!DOCTYPE html>
<html>
<head>
<title>Material Design Color Palette Generator - Material Palette</title>
<meta charset="utf-8">
<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Choose your favorite colors and get your Material Design palette generated and downloadable." >
<meta property="og:title" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:image" content="https://materialpalette.com/assets/facebook-e97d3446eefa01933d14bf4aa46907c0d3fcd4c2c17396b4a4731414992104b3.png">
<meta property="og:site_name" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:url" content='https://materialpalette.com/'>
<meta property="og:description" content="Choose your favorite colors and get your Material Design palette generated and downloadable.">
<meta property="og:type" content="website">
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="IAvu9owJRJ_T__OaT8eaW29Upgt6828LruDscFn8iOFyHhnVGsOpw57cEJS6PEy9UfMdT2tJDirGNQz5_VQsvw" />
<link rel="icon" type="image/x-icon" href="/assets/favicon-0f3eb1b9f6d525e848b1dca6db1cabd2a3e9e843749cb9ad72222b80ab9fdf19.ico" />
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=materialpalettecom" id="_carbonads_js"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<script src="https://kit.fontawesome.com/5eeae64c4d.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="/assets/application-26d17a38795f28c9aacb2ae3c98434436046ce8d934771efbeee84b41aad906e.css" media="all" data-turbolinks-track="reload" />
<script src="/packs/js/application-c7da18e2566e99d71abd.js" data-turbolinks-track="reload"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-164128820-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-164128820-1');
</script>
</head>
<body>
<style>
.palette-share__menu li.active a, .palette-share__menu li:hover a {
background: #dce775;
}
</style>
<div class="palette-menu clearfix">
<h1>
<a href="/">
<span style="color: #dce775">material design</span> <span style="color: #ffd54f">palette</span>
</a> </h1>
<div class="right-section">
<a
class="shecodes-link"
href="https://www.shecodes.io/"
target="_blank"
>
<div class="tada animated">
<img src="/img/shecodes.png" alt="shecodes-logo" />
<span>Learn to code with SheCodes</span>
<i class="fas fa-arrow-right"></i>
</div>
</a>
</div>
</div>
<div data-react-class="Palette" data-react-props="{"colors":[{"name":"red","key":"red","android":"red","shades":{"50":{"hex":"#ffebee","contrast":"black"},"100":{"hex":"#ffcdd2","contrast":"black"},"200":{"hex":"#ef9a9a","contrast":"black"},"300":{"hex":"#e57373","contrast":"black"},"400":{"hex":"#ef5350","contrast":"black"},"500":{"hex":"#f44336","contrast":"white"},"600":{"hex":"#e53935","contrast":"white"},"700":{"hex":"#d32f2f","contrast":"white"},"800":{"hex":"#c62828","contrast":"white"},"900":{"hex":"#b71c1c"
Open service 13.248.132.87:443 · materialpalette.com
2026-01-09 23:57
HTTP/1.1 200 OK
Cache-Control: max-age=0, private, must-revalidate
Content-Length: 29886
Content-Type: text/html; charset=utf-8
Etag: W/"fb6643b25fe50156be9ff07f726699d1"
Nel: {"report_to":"heroku-nel","response_headers":["Via"],"max_age":3600,"success_fraction":0.01,"failure_fraction":0.1}
Referrer-Policy: strict-origin-when-cross-origin
Report-To: {"group":"heroku-nel","endpoints":[{"url":"https://nel.heroku.com/reports?s=5%2FVbn9cbP5h1kQK5c9OiAH2ix1I9UTfIGhkTx6LTkbU%3D\u0026sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add\u0026ts=1768003047"}],"max_age":3600}
Reporting-Endpoints: heroku-nel="https://nel.heroku.com/reports?s=5%2FVbn9cbP5h1kQK5c9OiAH2ix1I9UTfIGhkTx6LTkbU%3D&sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add&ts=1768003047"
Server: Heroku
Set-Cookie: XSRF-TOKEN=lg2pfBNFPve-jL2g_UEk7Dv5GuQGkGMt0ZCygU9KG_JaLk2LyOg3s9-dbh_5U0PhgNpgp42SN9wMItoeZfGGZw; path=/
Set-Cookie: _palette_session=HxUE2kG47k7FQbJXqOD%2BePxeXERey3ETyFZO27Vk1en3d2b5VINseYZ3mboZMiQ8PgyGm47nAETy%2Fjbf1QSAAq%2FfKLmWkFrCJVTVUqa5N70Plkha7qOeHPgibM5T%2BAlv0ORLh%2Fwo2TmdG%2BrNnafhVPNvYxbno3PR3lftPTgG%2FGEhxzdMuNeY6WEpcaTzBtk7BRX7SAv9MEtQ82PUARgHBODbjiuiyzGMho2zrbTjc6bCujiOQhoKlvzW8CuO9g7pl9seyRNgM5xjWjrZW5oEHOa6xpYexa6h--wn55Lhi09hY9%2B3vC--CJEpLimo706sx5Nibo6Dbg%3D%3D; path=/; httponly
Via: 1.1 heroku-router
X-Content-Type-Options: nosniff
X-Download-Options: noopen
X-Frame-Options: SAMEORIGIN
X-Permitted-Cross-Domain-Policies: none
X-Request-Id: b9f39240-7893-9068-a754-8560e2b5913a
X-Runtime: 0.003821
X-Xss-Protection: 1; mode=block
Date: Fri, 09 Jan 2026 23:57:27 GMT
Connection: close
Page title: Material Design Color Palette Generator - Material Palette
<!DOCTYPE html>
<html>
<head>
<title>Material Design Color Palette Generator - Material Palette</title>
<meta charset="utf-8">
<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Choose your favorite colors and get your Material Design palette generated and downloadable." >
<meta property="og:title" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:image" content="https://materialpalette.com/assets/facebook-e97d3446eefa01933d14bf4aa46907c0d3fcd4c2c17396b4a4731414992104b3.png">
<meta property="og:site_name" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:url" content='https://materialpalette.com/'>
<meta property="og:description" content="Choose your favorite colors and get your Material Design palette generated and downloadable.">
<meta property="og:type" content="website">
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="LiI0iFL4oH3Bze0XL0q2HWu-vD3LsWFWOg2VzRfFZJ7iAdB_iVWpOaDcPqgrWNEQ0J3GfkCzNafnv_1SPX75Cw" />
<link rel="icon" type="image/x-icon" href="/assets/favicon-0f3eb1b9f6d525e848b1dca6db1cabd2a3e9e843749cb9ad72222b80ab9fdf19.ico" />
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=materialpalettecom" id="_carbonads_js"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<script src="https://kit.fontawesome.com/5eeae64c4d.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="/assets/application-26d17a38795f28c9aacb2ae3c98434436046ce8d934771efbeee84b41aad906e.css" media="all" data-turbolinks-track="reload" />
<script src="/packs/js/application-c7da18e2566e99d71abd.js" data-turbolinks-track="reload"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-164128820-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-164128820-1');
</script>
</head>
<body>
<style>
.palette-share__menu li.active a, .palette-share__menu li:hover a {
background: #90a4ae;
}
</style>
<div class="palette-menu clearfix">
<h1>
<a href="/">
<span style="color: #90a4ae">material design</span> <span style="color: #81c784">palette</span>
</a> </h1>
<div class="right-section">
<a
class="shecodes-link"
href="https://www.shecodes.io/"
target="_blank"
>
<div class="tada animated">
<img src="/img/shecodes.png" alt="shecodes-logo" />
<span>Learn to code with SheCodes</span>
<i class="fas fa-arrow-right"></i>
</div>
</a>
</div>
</div>
<div data-react-class="Palette" data-react-props="{"colors":[{"name":"red","key":"red","android":"red","shades":{"50":{"hex":"#ffebee","contrast":"black"},"100":{"hex":"#ffcdd2","contrast":"black"},"200":{"hex":"#ef9a9a","contrast":"black"},"300":{"hex":"#e57373","contrast":"black"},"400":{"hex":"#ef5350","contrast":"black"},"500":{"hex":"#f44336","contrast":"white"},"600":{"hex":"#e53935","contrast":"white"},"700":{"hex":"#d32f2f","contrast":"white"},"800":{"hex":"#c62828","contrast":"white"},"900":{"hex":"#b71c1c"
Open service 35.71.145.101:443 · www.materialpalette.com
2026-01-09 19:16
HTTP/1.1 200 OK
Cache-Control: max-age=0, private, must-revalidate
Content-Length: 29898
Content-Type: text/html; charset=utf-8
Etag: W/"c038d0086f7e4d079615b789ba20807e"
Nel: {"report_to":"heroku-nel","response_headers":["Via"],"max_age":3600,"success_fraction":0.01,"failure_fraction":0.1}
Referrer-Policy: strict-origin-when-cross-origin
Report-To: {"group":"heroku-nel","endpoints":[{"url":"https://nel.heroku.com/reports?s=WcShHZfqgOUhQwk7eTQvGoUNoNcE0IsU6dqZxxGRS3A%3D\u0026sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add\u0026ts=1767986186"}],"max_age":3600}
Reporting-Endpoints: heroku-nel="https://nel.heroku.com/reports?s=WcShHZfqgOUhQwk7eTQvGoUNoNcE0IsU6dqZxxGRS3A%3D&sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add&ts=1767986186"
Server: Heroku
Set-Cookie: XSRF-TOKEN=yAAwOzvcif2UGUob-eY2ihsaH4WQaKdQNX3rDhRrQBLn-M6Y5xP5mCoFhZqjrZZJpoD0eZNskJsm-E5Xd7dP-Q; path=/
Set-Cookie: _palette_session=RrSaUXelbuN2IMOjv%2BvYvr3niVZbEdnFNq6YoAbOI%2FOAzRPubYPJ3S5oDCATfQfkzsxJTStJLpIWEafURKML10qxT3JsSvaWW%2FlFdusEFBqSRKURS7z8aoxay1oPUEtu3j7Emhg%2F8NIC%2B15bydn6zl%2FQvzicWoSuOXm2RKDF3ZPGgyeOy8pVkDwJcbt049fUCJ1%2FbgV0Bxf7xMS5E%2Fs%2F%2Fu9Of%2BHHII68YFSiyVjpL0rl4CH%2BNiQUJIU3OQmbhg7vExyxZed24xPuxlUAiH%2Fnr5XnD%2F%2BG2vmS--t%2FVwtnD4BOtk1aXJ--Ojb65wMrdPsSYQwZQaPh%2BA%3D%3D; path=/; httponly
Via: 1.1 heroku-router
X-Content-Type-Options: nosniff
X-Download-Options: noopen
X-Frame-Options: SAMEORIGIN
X-Permitted-Cross-Domain-Policies: none
X-Request-Id: 7b43c4d1-9c08-727f-a7a3-042f9fcc490f
X-Runtime: 0.003593
X-Xss-Protection: 1; mode=block
Date: Fri, 09 Jan 2026 19:16:26 GMT
Connection: close
Page title: Material Design Color Palette Generator - Material Palette
<!DOCTYPE html>
<html>
<head>
<title>Material Design Color Palette Generator - Material Palette</title>
<meta charset="utf-8">
<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Choose your favorite colors and get your Material Design palette generated and downloadable." >
<meta property="og:title" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:image" content="https://www.materialpalette.com/assets/facebook-e97d3446eefa01933d14bf4aa46907c0d3fcd4c2c17396b4a4731414992104b3.png">
<meta property="og:site_name" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:url" content='https://www.materialpalette.com/'>
<meta property="og:description" content="Choose your favorite colors and get your Material Design palette generated and downloadable.">
<meta property="og:type" content="website">
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="OeX6Drp5HYr3wj-A8Mq2Ut-9VSvQk6PLCSEuTntWGsYWHQStZrZt70ne8AGqgRaRYie-19OXlAAapIsXGIoVLQ" />
<link rel="icon" type="image/x-icon" href="/assets/favicon-0f3eb1b9f6d525e848b1dca6db1cabd2a3e9e843749cb9ad72222b80ab9fdf19.ico" />
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=materialpalettecom" id="_carbonads_js"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<script src="https://kit.fontawesome.com/5eeae64c4d.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="/assets/application-26d17a38795f28c9aacb2ae3c98434436046ce8d934771efbeee84b41aad906e.css" media="all" data-turbolinks-track="reload" />
<script src="/packs/js/application-c7da18e2566e99d71abd.js" data-turbolinks-track="reload"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-164128820-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-164128820-1');
</script>
</head>
<body>
<style>
.palette-share__menu li.active a, .palette-share__menu li:hover a {
background: #e0e0e0;
}
</style>
<div class="palette-menu clearfix">
<h1>
<a href="/">
<span style="color: #e0e0e0">material design</span> <span style="color: #4fc3f7">palette</span>
</a> </h1>
<div class="right-section">
<a
class="shecodes-link"
href="https://www.shecodes.io/"
target="_blank"
>
<div class="tada animated">
<img src="/img/shecodes.png" alt="shecodes-logo" />
<span>Learn to code with SheCodes</span>
<i class="fas fa-arrow-right"></i>
</div>
</a>
</div>
</div>
<div data-react-class="Palette" data-react-props="{"colors":[{"name":"red","key":"red","android":"red","shades":{"50":{"hex":"#ffebee","contrast":"black"},"100":{"hex":"#ffcdd2","contrast":"black"},"200":{"hex":"#ef9a9a","contrast":"black"},"300":{"hex":"#e57373","contrast":"black"},"400":{"hex":"#ef5350","contrast":"black"},"500":{"hex":"#f44336","contrast":"white"},"600":{"hex":"#e53935","contrast":"white"},"700":{"hex":"#d32f2f","contrast":"white"},"800":{"hex":"#c62828","contrast":"white"},"900":{"hex":"#b71c
Open service 188.114.97.3:443 · www.materialpalette.com
2026-01-09 18:14
HTTP/1.1 200 OK
Date: Fri, 09 Jan 2026 18:14:06 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: close
Cache-Control: max-age=0, private, must-revalidate
Nel: {"report_to":"heroku-nel","response_headers":["Via"],"max_age":3600,"success_fraction":0.01,"failure_fraction":0.1}
Referrer-Policy: strict-origin-when-cross-origin
Report-To: {"group":"heroku-nel","endpoints":[{"url":"https://nel.heroku.com/reports?s=aau9G6ZQOcqncTfd7ldUVY2LL84H9jqNFodCsOaGlqA%3D\u0026sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add\u0026ts=1767982446"}],"max_age":3600}
Reporting-Endpoints: heroku-nel="https://nel.heroku.com/reports?s=aau9G6ZQOcqncTfd7ldUVY2LL84H9jqNFodCsOaGlqA%3D&sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add&ts=1767982446"
Server: cloudflare
Set-Cookie: XSRF-TOKEN=Xvp9YvdU31NyvJKR63Zv1JhyrrVdUm9Bvf6YZP_BdLp61kINlKyFz1Lq_uVaxZcKv4iBnmSqw-e8UapRcYiZqw; path=/
Set-Cookie: _palette_session=f4haL%2B4F3HqoKQnwPS04A7obgN3H3%2FjKsOmjARpGmAv8FKKM4sohwfyz21aybBbZ12XCox3FgkPcA%2BXnDXxFdC3M7Si9Br5U7%2Fb7alrDH3qmCqo5ssdFcX%2BsRPcAVlkzFnQvHEeqyYMUcm07IX32SagUaK%2B%2BwIe2CfJaSYlCrLLCBcrPJntpR9LgDhBCe5odne2NzpJ2S89cgxIIwW7eEoH1rPdsx%2BTMz%2BduTd3L8OZhHmBWgdeuFfx6puG4w9Ma2WOHgGVPy8qfva7mHGpzARlnqpvrLzsv--1rhS1eLeO3VsZ%2FJT--mF1Ilput8mZZPc76cPs8LA%3D%3D; path=/; httponly
Via: 1.1 heroku-router
X-Content-Type-Options: nosniff
X-Download-Options: noopen
X-Frame-Options: SAMEORIGIN
X-Permitted-Cross-Domain-Policies: none
X-Request-Id: 425433c1-b374-c893-35bd-2a556e6e397b
X-Runtime: 0.003905
X-Xss-Protection: 1; mode=block
cf-cache-status: DYNAMIC
CF-RAY: 9bb5e991cc703556-FRA
alt-svc: h3=":443"; ma=86400
Page title: Material Design Color Palette Generator - Material Palette
<!DOCTYPE html>
<html>
<head>
<title>Material Design Color Palette Generator - Material Palette</title>
<meta charset="utf-8">
<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Choose your favorite colors and get your Material Design palette generated and downloadable." >
<meta property="og:title" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:image" content="http://www.materialpalette.com/assets/facebook-e97d3446eefa01933d14bf4aa46907c0d3fcd4c2c17396b4a4731414992104b3.png">
<meta property="og:site_name" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:url" content='http://www.materialpalette.com/'>
<meta property="og:description" content="Choose your favorite colors and get your Material Design palette generated and downloadable.">
<meta property="og:type" content="website">
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="6r77CuksH1V8I9ByEGtwU7NxOLp5qGVIUbQLeEmmcBjOksRlitRFyVx1vAah2IiNlIsXkUBQye5QGzlNx--dCQ" />
<link rel="icon" type="image/x-icon" href="/assets/favicon-0f3eb1b9f6d525e848b1dca6db1cabd2a3e9e843749cb9ad72222b80ab9fdf19.ico" />
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=materialpalettecom" id="_carbonads_js"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<script src="https://kit.fontawesome.com/5eeae64c4d.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="/assets/application-26d17a38795f28c9aacb2ae3c98434436046ce8d934771efbeee84b41aad906e.css" media="all" data-turbolinks-track="reload" />
<script src="/packs/js/application-c7da18e2566e99d71abd.js" data-turbolinks-track="reload"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-164128820-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-164128820-1');
</script>
</head>
<body>
<style>
.palette-share__menu li.active a, .palette-share__menu li:hover a {
background: #ba68c8;
}
</style>
<div class="palette-menu clearfix">
<h1>
<a href="/">
<span style="color: #ba68c8">material design</span> <span style="color: #aed581">palette</span>
</a> </h1>
<div class="right-section">
<a
class="shecodes-link"
href="https://www.shecodes.io/"
target="_blank"
>
<div class="tada animated">
<img src="/img/shecodes.png" alt="shecodes-logo" />
<span>Learn to code with SheCodes</span>
<i class="fas fa-arrow-right"></i>
</div>
</a>
</div>
</div>
<div data-react-class="Palette" data-react-props="{"colors":[{"name":"red","key":"red","android":"red","shades":{"50":{"hex":"#ffebee","contrast":"black"},"100":{"hex":"#ffcdd2","contrast":"black"},"200":{"hex":"#ef9a9a","contrast":"black"},"300":{"hex":"#e57373","contrast":"black"},"400":{"hex":"#ef5350","contrast":"black"},"500":{"hex":"#f44336","contrast":"white"},"600":{"hex":"#e53935","contrast":"white"},"700":{"hex":"#d32f2f","contrast":"white"},"800":{"hex":"#c62828","contrast":"white"},"900":{"hex":"#b71c1c
Open service 99.83.151.71:80 · www.materialpalette.com
2026-01-09 17:49
HTTP/1.1 200 OK
Cache-Control: max-age=0, private, must-revalidate
Content-Length: 29895
Content-Type: text/html; charset=utf-8
Etag: W/"6fefcca98a64f8c9bcc71287d417e273"
Nel: {"report_to":"heroku-nel","response_headers":["Via"],"max_age":3600,"success_fraction":0.01,"failure_fraction":0.1}
Referrer-Policy: strict-origin-when-cross-origin
Report-To: {"group":"heroku-nel","endpoints":[{"url":"https://nel.heroku.com/reports?s=RJpZbzHJH4O3a3LeXRO4iBtA4CHfstUHghGCwdGWhfw%3D\u0026sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add\u0026ts=1767981016"}],"max_age":3600}
Reporting-Endpoints: heroku-nel="https://nel.heroku.com/reports?s=RJpZbzHJH4O3a3LeXRO4iBtA4CHfstUHghGCwdGWhfw%3D&sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add&ts=1767981016"
Server: Heroku
Set-Cookie: XSRF-TOKEN=EhBqHktRWXbIcVwnuOyxE7FP1UOlDaNkeA3m516VqT3sug2lHCav-n_uBOJVMWwlj047OjQUDvk8tbuxYY47JQ; path=/
Set-Cookie: _palette_session=ZLFm3V%2BPwCS3Q3No%2FsvElN7lfV89MxjSNeZZBS1LctVmjN%2BSegFgrmzdE2t6%2FueNqP9ZAbrjH%2FYyO0HOcL%2FyvnTnpU6z%2FadXNRQ8yen9zDnZ0uERqAsGm7nQ5PoJEpTBNc45mdzUxMFQWJMfIVfvfmuLBUw1QOsgaDSrqOOyuc3aywmSXspKbkA4ClIUO4WzPI7ehdTjy1ju1kyB%2F3N6IaA9s7XD%2FyacIPAj%2FlewzHbBjTJfcswz7fCUjz95ByVeOt3NWjpD1duDw%2BrIkyCjY5NScvtVQ%2FXu--gT7HMErm7isb%2BG0I--vUWfLqN1SWcL3YEMXEcN%2FA%3D%3D; path=/; httponly
Via: 1.1 heroku-router
X-Content-Type-Options: nosniff
X-Download-Options: noopen
X-Frame-Options: SAMEORIGIN
X-Permitted-Cross-Domain-Policies: none
X-Request-Id: d7723c64-b25b-87da-36d5-629dc41c8775
X-Runtime: 0.004825
X-Xss-Protection: 1; mode=block
Date: Fri, 09 Jan 2026 17:50:16 GMT
Connection: close
Page title: Material Design Color Palette Generator - Material Palette
<!DOCTYPE html>
<html>
<head>
<title>Material Design Color Palette Generator - Material Palette</title>
<meta charset="utf-8">
<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Choose your favorite colors and get your Material Design palette generated and downloadable." >
<meta property="og:title" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:image" content="http://www.materialpalette.com/assets/facebook-e97d3446eefa01933d14bf4aa46907c0d3fcd4c2c17396b4a4731414992104b3.png">
<meta property="og:site_name" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:url" content='http://www.materialpalette.com/'>
<meta property="og:description" content="Choose your favorite colors and get your Material Design palette generated and downloadable.">
<meta property="og:type" content="website">
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="c7jdtRi5uQ860H7FJS1PltV5pWKVqCZI6_wMzQzyu-KNEroOT85Pg41PJgDI8JKg63hLGwSxi9WvRFGbM-kp-g" />
<link rel="icon" type="image/x-icon" href="/assets/favicon-0f3eb1b9f6d525e848b1dca6db1cabd2a3e9e843749cb9ad72222b80ab9fdf19.ico" />
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=materialpalettecom" id="_carbonads_js"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<script src="https://kit.fontawesome.com/5eeae64c4d.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="/assets/application-26d17a38795f28c9aacb2ae3c98434436046ce8d934771efbeee84b41aad906e.css" media="all" data-turbolinks-track="reload" />
<script src="/packs/js/application-c7da18e2566e99d71abd.js" data-turbolinks-track="reload"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-164128820-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-164128820-1');
</script>
</head>
<body>
<style>
.palette-share__menu li.active a, .palette-share__menu li:hover a {
background: #a1887f;
}
</style>
<div class="palette-menu clearfix">
<h1>
<a href="/">
<span style="color: #a1887f">material design</span> <span style="color: #fff176">palette</span>
</a> </h1>
<div class="right-section">
<a
class="shecodes-link"
href="https://www.shecodes.io/"
target="_blank"
>
<div class="tada animated">
<img src="/img/shecodes.png" alt="shecodes-logo" />
<span>Learn to code with SheCodes</span>
<i class="fas fa-arrow-right"></i>
</div>
</a>
</div>
</div>
<div data-react-class="Palette" data-react-props="{"colors":[{"name":"red","key":"red","android":"red","shades":{"50":{"hex":"#ffebee","contrast":"black"},"100":{"hex":"#ffcdd2","contrast":"black"},"200":{"hex":"#ef9a9a","contrast":"black"},"300":{"hex":"#e57373","contrast":"black"},"400":{"hex":"#ef5350","contrast":"black"},"500":{"hex":"#f44336","contrast":"white"},"600":{"hex":"#e53935","contrast":"white"},"700":{"hex":"#d32f2f","contrast":"white"},"800":{"hex":"#c62828","contrast":"white"},"900":{"hex":"#b71c1c
Open service 99.83.151.71:80 · materialpalette.com
2026-01-09 04:46
HTTP/1.1 200 OK
Cache-Control: max-age=0, private, must-revalidate
Content-Length: 29883
Content-Type: text/html; charset=utf-8
Etag: W/"7e9190f99b5c265245396e64c2b22dc8"
Nel: {"report_to":"heroku-nel","response_headers":["Via"],"max_age":3600,"success_fraction":0.01,"failure_fraction":0.1}
Referrer-Policy: strict-origin-when-cross-origin
Report-To: {"group":"heroku-nel","endpoints":[{"url":"https://nel.heroku.com/reports?s=AdEoBC52yX0RPzJW78mg4%2BmK8njRmFNDRdE0eHZvwOA%3D\u0026sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add\u0026ts=1767934078"}],"max_age":3600}
Reporting-Endpoints: heroku-nel="https://nel.heroku.com/reports?s=AdEoBC52yX0RPzJW78mg4%2BmK8njRmFNDRdE0eHZvwOA%3D&sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add&ts=1767934078"
Server: Heroku
Set-Cookie: XSRF-TOKEN=xRbCPggV579hCyGjaYBC9Dfd1-7QVBp8bJ7uPG36mWoRdIAhUoy8vtMfWHEQdiPE9UBnrT2KiAXJSe-ATowy_g; path=/
Set-Cookie: _palette_session=wjsriEgEEIkLwMZGSz0Hv7OvUek%2FMiR1NIUwV8jRCLsnXrW90zYSOpe3Pfia9DHMtjPAzTAyHUY5V8DVc636rPxLNGRxnxzWquxMQfl0FqD2kpdol8ptlYPIWoXMWVkeDTJYzMhnFsXIAgwMzyrNw127estq4Yjgzokcrrgir%2FBBvVd1fYsftuGJPwnkchv2m9CSMwkyQrjOgVXE77Z6%2Fwb%2BsM29LMT3N9S1CAfQx5L88YKV2%2BgN9ZmxbNEF7nx8oLuPf4X9Ir6TPSAqF5LkwhXcXbCgIqJt--rOkKlKIvHT7C2whj--WTYzydHziBKQyssvLIrNFA%3D%3D; path=/; httponly
Via: 1.1 heroku-router
X-Content-Type-Options: nosniff
X-Download-Options: noopen
X-Frame-Options: SAMEORIGIN
X-Permitted-Cross-Domain-Policies: none
X-Request-Id: f96d7e38-56e6-4fd2-d9cb-5f1c0cf09847
X-Runtime: 0.005095
X-Xss-Protection: 1; mode=block
Date: Fri, 09 Jan 2026 04:47:58 GMT
Connection: close
Page title: Material Design Color Palette Generator - Material Palette
<!DOCTYPE html>
<html>
<head>
<title>Material Design Color Palette Generator - Material Palette</title>
<meta charset="utf-8">
<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Choose your favorite colors and get your Material Design palette generated and downloadable." >
<meta property="og:title" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:image" content="http://materialpalette.com/assets/facebook-e97d3446eefa01933d14bf4aa46907c0d3fcd4c2c17396b4a4731414992104b3.png">
<meta property="og:site_name" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:url" content='http://materialpalette.com/'>
<meta property="og:description" content="Choose your favorite colors and get your Material Design palette generated and downloadable.">
<meta property="og:type" content="website">
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="ct0MH4X9Xsx0yzC-Td_tpXQ_Z8zgHF5SKGKT_qJTPf2mv04A32QFzcbfSWw0KYyVtqLXjw3CzCuNtZJCgSWWaQ" />
<link rel="icon" type="image/x-icon" href="/assets/favicon-0f3eb1b9f6d525e848b1dca6db1cabd2a3e9e843749cb9ad72222b80ab9fdf19.ico" />
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=materialpalettecom" id="_carbonads_js"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<script src="https://kit.fontawesome.com/5eeae64c4d.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="/assets/application-26d17a38795f28c9aacb2ae3c98434436046ce8d934771efbeee84b41aad906e.css" media="all" data-turbolinks-track="reload" />
<script src="/packs/js/application-c7da18e2566e99d71abd.js" data-turbolinks-track="reload"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-164128820-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-164128820-1');
</script>
</head>
<body>
<style>
.palette-share__menu li.active a, .palette-share__menu li:hover a {
background: #ff8a65;
}
</style>
<div class="palette-menu clearfix">
<h1>
<a href="/">
<span style="color: #ff8a65">material design</span> <span style="color: #ba68c8">palette</span>
</a> </h1>
<div class="right-section">
<a
class="shecodes-link"
href="https://www.shecodes.io/"
target="_blank"
>
<div class="tada animated">
<img src="/img/shecodes.png" alt="shecodes-logo" />
<span>Learn to code with SheCodes</span>
<i class="fas fa-arrow-right"></i>
</div>
</a>
</div>
</div>
<div data-react-class="Palette" data-react-props="{"colors":[{"name":"red","key":"red","android":"red","shades":{"50":{"hex":"#ffebee","contrast":"black"},"100":{"hex":"#ffcdd2","contrast":"black"},"200":{"hex":"#ef9a9a","contrast":"black"},"300":{"hex":"#e57373","contrast":"black"},"400":{"hex":"#ef5350","contrast":"black"},"500":{"hex":"#f44336","contrast":"white"},"600":{"hex":"#e53935","contrast":"white"},"700":{"hex":"#d32f2f","contrast":"white"},"800":{"hex":"#c62828","contrast":"white"},"900":{"hex":"#b71c1c",&
Open service 188.114.97.3:443 · www.materialpalette.com
2026-01-02 22:20
HTTP/1.1 200 OK
Date: Fri, 02 Jan 2026 22:20:54 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: close
Cache-Control: max-age=0, private, must-revalidate
Nel: {"report_to":"heroku-nel","response_headers":["Via"],"max_age":3600,"success_fraction":0.01,"failure_fraction":0.1}
Referrer-Policy: strict-origin-when-cross-origin
Report-To: {"group":"heroku-nel","endpoints":[{"url":"https://nel.heroku.com/reports?s=TqGquxy82xIS%2FnKpISx%2F29itNfQh5LDzM6kHFaM26GM%3D\u0026sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add\u0026ts=1767392454"}],"max_age":3600}
Reporting-Endpoints: heroku-nel="https://nel.heroku.com/reports?s=TqGquxy82xIS%2FnKpISx%2F29itNfQh5LDzM6kHFaM26GM%3D&sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add&ts=1767392454"
Server: cloudflare
Set-Cookie: XSRF-TOKEN=KkOmpD1NOuD21JTv3ISHYwo95QnOtiyZSQsfHoslHl5HcAw63ScaJ8HEIj7AH-ZUY9pWsh2KZHkfYKT7Iae0gw; path=/
Set-Cookie: _palette_session=TYfpOHGdxWksU3dp%2FhRSRGM3jQwNknWnRr89%2FBAZiIcJOlxO4OhyiEoO32tqm9IXug%2BhrageK0zTJosmjqw5DT6f0bIMwX7obIX9glcEAHDswo%2B8bxV49zwubxbMTIx6JB9b476JV%2FAr2qkoqFYRcRB01cO3DheFkomv6gzpMLrY5CFDrJOwV9HevEg%2F3N72U%2FwvPzs6nuGqsmd74MyLZwk9b88ut6vpSYZwi9%2FrfhcveoOXEYe3mRTpBt3JX8Spv23k5vslRtYbZlsQDuNQDpAkMn9Gzv1V--4%2F6BBBhBtSxgVXXM--hsbMY9wICfaB2z42PQVhRA%3D%3D; path=/; httponly
Via: 1.1 heroku-router
X-Content-Type-Options: nosniff
X-Download-Options: noopen
X-Frame-Options: SAMEORIGIN
X-Permitted-Cross-Domain-Policies: none
X-Request-Id: ce313588-0ebf-3acc-6e93-e76bb997f155
X-Runtime: 0.005151
X-Xss-Protection: 1; mode=block
cf-cache-status: DYNAMIC
CF-RAY: 9b7da5788978932c-EWR
alt-svc: h3=":443"; ma=86400
Page title: Material Design Color Palette Generator - Material Palette
<!DOCTYPE html>
<html>
<head>
<title>Material Design Color Palette Generator - Material Palette</title>
<meta charset="utf-8">
<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Choose your favorite colors and get your Material Design palette generated and downloadable." >
<meta property="og:title" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:image" content="http://www.materialpalette.com/assets/facebook-e97d3446eefa01933d14bf4aa46907c0d3fcd4c2c17396b4a4731414992104b3.png">
<meta property="og:site_name" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:url" content='http://www.materialpalette.com/'>
<meta property="og:description" content="Choose your favorite colors and get your Material Design palette generated and downloadable.">
<meta property="og:type" content="website">
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="SzNFUL1axylFDpjnu-7lHxePuEBhfDoCK636ldZNKuomAO_OXTDn7nIeLjandYQofmgL-7JAcuJ9xkFwfM-ANw" />
<link rel="icon" type="image/x-icon" href="/assets/favicon-0f3eb1b9f6d525e848b1dca6db1cabd2a3e9e843749cb9ad72222b80ab9fdf19.ico" />
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=materialpalettecom" id="_carbonads_js"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<script src="https://kit.fontawesome.com/5eeae64c4d.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="/assets/application-26d17a38795f28c9aacb2ae3c98434436046ce8d934771efbeee84b41aad906e.css" media="all" data-turbolinks-track="reload" />
<script src="/packs/js/application-c7da18e2566e99d71abd.js" data-turbolinks-track="reload"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-164128820-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-164128820-1');
</script>
</head>
<body>
<style>
.palette-share__menu li.active a, .palette-share__menu li:hover a {
background: #9575cd;
}
</style>
<div class="palette-menu clearfix">
<h1>
<a href="/">
<span style="color: #9575cd">material design</span> <span style="color: #dce775">palette</span>
</a> </h1>
<div class="right-section">
<a
class="shecodes-link"
href="https://www.shecodes.io/"
target="_blank"
>
<div class="tada animated">
<img src="/img/shecodes.png" alt="shecodes-logo" />
<span>Learn to code with SheCodes</span>
<i class="fas fa-arrow-right"></i>
</div>
</a>
</div>
</div>
<div data-react-class="Palette" data-react-props="{"colors":[{"name":"red","key":"red","android":"red","shades":{"50":{"hex":"#ffebee","contrast":"black"},"100":{"hex":"#ffcdd2","contrast":"black"},"200":{"hex":"#ef9a9a","contrast":"black"},"300":{"hex":"#e57373","contrast":"black"},"400":{"hex":"#ef5350","contrast":"black"},"500":{"hex":"#f44336","contrast":"white"},"600":{"hex":"#e53935","contrast":"white"},"700":{"hex":"#d32f2f","contrast":"white"},"800":{"hex":"#c62828","contrast":"white"},"900":{"hex":"#b71c1c
Open service 13.248.132.87:443 · materialpalette.com
2026-01-02 21:23
HTTP/1.1 200 OK
Cache-Control: max-age=0, private, must-revalidate
Content-Length: 29886
Content-Type: text/html; charset=utf-8
Etag: W/"723ad6527f27db56cda9a634b20d86c6"
Nel: {"report_to":"heroku-nel","response_headers":["Via"],"max_age":3600,"success_fraction":0.01,"failure_fraction":0.1}
Referrer-Policy: strict-origin-when-cross-origin
Report-To: {"group":"heroku-nel","endpoints":[{"url":"https://nel.heroku.com/reports?s=W6pTjLhXntXZz8m9HONxVOwvt8APzfzlJd8dLul9GOQ%3D\u0026sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add\u0026ts=1767389006"}],"max_age":3600}
Reporting-Endpoints: heroku-nel="https://nel.heroku.com/reports?s=W6pTjLhXntXZz8m9HONxVOwvt8APzfzlJd8dLul9GOQ%3D&sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add&ts=1767389006"
Server: Heroku
Set-Cookie: XSRF-TOKEN=1XqzZoLc5XFJyK5-guBjOWBV7SzA5Ju7NA1Lp1fHv2_EqJLwjP1ZsIcmvQoGNwkAch6EFaachCi64kaaLV_2eA; path=/
Set-Cookie: _palette_session=v5Q1rvTlYVnOJIcDnx%2FnSFqVamRJwKrvgsitzP9pwCI3G73swsjqSInBYLjnRlV1OuwF8P4iSfuVrq5euJYZP2Rs6FkmUcigxj0SE6etmf%2FLs3TJoYVkV5UF5eVyL2u3tfaWFygq%2FXZUeTsmtc4Gsk62G2%2BYhj3tXOT32i9V6wYsGe3hz0My4FMDeHrP1wuhp4vmMiBYwJP30JIDLJaTBGtLfYUxR73CTENYaatvZMvB6PlWn2%2Ft7nbDV%2BbP2qOMYQku3EMsHyRi5ZF1wzwVsWfi5zfEah9J--uzhjpE8rqCKGgNv6--UjX1vfhEEQw0GboGyIRIRw%3D%3D; path=/; httponly
Via: 1.1 heroku-router
X-Content-Type-Options: nosniff
X-Download-Options: noopen
X-Frame-Options: SAMEORIGIN
X-Permitted-Cross-Domain-Policies: none
X-Request-Id: d1379c94-492c-ca74-0d27-364d6fba1afa
X-Runtime: 0.003538
X-Xss-Protection: 1; mode=block
Date: Fri, 02 Jan 2026 21:23:26 GMT
Connection: close
Page title: Material Design Color Palette Generator - Material Palette
<!DOCTYPE html>
<html>
<head>
<title>Material Design Color Palette Generator - Material Palette</title>
<meta charset="utf-8">
<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Choose your favorite colors and get your Material Design palette generated and downloadable." >
<meta property="og:title" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:image" content="https://materialpalette.com/assets/facebook-e97d3446eefa01933d14bf4aa46907c0d3fcd4c2c17396b4a4731414992104b3.png">
<meta property="og:site_name" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:url" content='https://materialpalette.com/'>
<meta property="og:description" content="Choose your favorite colors and get your Material Design palette generated and downloadable.">
<meta property="og:type" content="website">
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="FRier9P6Z-swsX15z_40xcPik3f05WN8BHhP0cv4r40Eyr853dvbKv5fbg1LKV780an6TpKdfO-Kl0LssWDmmg" />
<link rel="icon" type="image/x-icon" href="/assets/favicon-0f3eb1b9f6d525e848b1dca6db1cabd2a3e9e843749cb9ad72222b80ab9fdf19.ico" />
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=materialpalettecom" id="_carbonads_js"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<script src="https://kit.fontawesome.com/5eeae64c4d.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="/assets/application-26d17a38795f28c9aacb2ae3c98434436046ce8d934771efbeee84b41aad906e.css" media="all" data-turbolinks-track="reload" />
<script src="/packs/js/application-c7da18e2566e99d71abd.js" data-turbolinks-track="reload"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-164128820-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-164128820-1');
</script>
</head>
<body>
<style>
.palette-share__menu li.active a, .palette-share__menu li:hover a {
background: #4db6ac;
}
</style>
<div class="palette-menu clearfix">
<h1>
<a href="/">
<span style="color: #4db6ac">material design</span> <span style="color: #4dd0e1">palette</span>
</a> </h1>
<div class="right-section">
<a
class="shecodes-link"
href="https://www.shecodes.io/"
target="_blank"
>
<div class="tada animated">
<img src="/img/shecodes.png" alt="shecodes-logo" />
<span>Learn to code with SheCodes</span>
<i class="fas fa-arrow-right"></i>
</div>
</a>
</div>
</div>
<div data-react-class="Palette" data-react-props="{"colors":[{"name":"red","key":"red","android":"red","shades":{"50":{"hex":"#ffebee","contrast":"black"},"100":{"hex":"#ffcdd2","contrast":"black"},"200":{"hex":"#ef9a9a","contrast":"black"},"300":{"hex":"#e57373","contrast":"black"},"400":{"hex":"#ef5350","contrast":"black"},"500":{"hex":"#f44336","contrast":"white"},"600":{"hex":"#e53935","contrast":"white"},"700":{"hex":"#d32f2f","contrast":"white"},"800":{"hex":"#c62828","contrast":"white"},"900":{"hex":"#b71c1c"
Open service 99.83.151.71:80 · www.materialpalette.com
2026-01-02 15:26
HTTP/1.1 200 OK
Cache-Control: max-age=0, private, must-revalidate
Content-Length: 29895
Content-Type: text/html; charset=utf-8
Etag: W/"477147753b0e6798b84f06a267c64c34"
Nel: {"report_to":"heroku-nel","response_headers":["Via"],"max_age":3600,"success_fraction":0.01,"failure_fraction":0.1}
Referrer-Policy: strict-origin-when-cross-origin
Report-To: {"group":"heroku-nel","endpoints":[{"url":"https://nel.heroku.com/reports?s=u7EYP5mXRouwyHa9kOQdvAoroxtPOs%2BEMjQ3DwNpKSI%3D\u0026sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add\u0026ts=1767367617"}],"max_age":3600}
Reporting-Endpoints: heroku-nel="https://nel.heroku.com/reports?s=u7EYP5mXRouwyHa9kOQdvAoroxtPOs%2BEMjQ3DwNpKSI%3D&sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add&ts=1767367617"
Server: Heroku
Set-Cookie: XSRF-TOKEN=wSRtXs9qywZ6MfpYrFlVmdDzY0Jq9YrpGR-hBlp1O46bLHFnERASScjrAqEU_HSLjBQ-1saIau_kWtvRdfrRTg; path=/
Set-Cookie: _palette_session=sTvaZUkz2rhiMW5BZ0FGzLEB3uXcULu0SyHgg%2F6TUd7x8jXD%2F%2B7pI8yy4BuNzPSTjECwqL1WxcvF4zYJWoh4m8Fl8RRhZ0acydbV4yhHqEWXKsE4KMTujxrJ5BiXt6rpAr2VHymEhWkaZi3yoJokfkIUQGFyHWdG81yeEqxNNFkV1gzueESprzuWiBebvIe7GfVMdg0S4p8yexO%2Bcd30DYBRYfCvfOZEk786NPaHrxq%2BtVsEQrROxxPSAwWo0Z0QEaVP0O8C7djHg6pwjTAHYUzjH1Ru%2B5TL--Un53TYFCbeXvuYqE--ERHqfyrw2AzLOJ2PiLgaAA%3D%3D; path=/; httponly
Via: 1.1 heroku-router
X-Content-Type-Options: nosniff
X-Download-Options: noopen
X-Frame-Options: SAMEORIGIN
X-Permitted-Cross-Domain-Policies: none
X-Request-Id: 9c12e4df-2fae-2e0a-e768-14c1937822fa
X-Runtime: 0.003801
X-Xss-Protection: 1; mode=block
Date: Fri, 02 Jan 2026 15:26:57 GMT
Connection: close
Page title: Material Design Color Palette Generator - Material Palette
<!DOCTYPE html>
<html>
<head>
<title>Material Design Color Palette Generator - Material Palette</title>
<meta charset="utf-8">
<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Choose your favorite colors and get your Material Design palette generated and downloadable." >
<meta property="og:title" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:image" content="http://www.materialpalette.com/assets/facebook-e97d3446eefa01933d14bf4aa46907c0d3fcd4c2c17396b4a4731414992104b3.png">
<meta property="og:site_name" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:url" content='http://www.materialpalette.com/'>
<meta property="og:description" content="Choose your favorite colors and get your Material Design palette generated and downloadable.">
<meta property="og:type" content="website">
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="cGJcNH-0VwDcms1GIdp4PCsEclPQo4DU9iVPBGPlCNQqakANoc6OT25ANb-Zf1kud-Mvx3zeYNILYDXTTGriFA" />
<link rel="icon" type="image/x-icon" href="/assets/favicon-0f3eb1b9f6d525e848b1dca6db1cabd2a3e9e843749cb9ad72222b80ab9fdf19.ico" />
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=materialpalettecom" id="_carbonads_js"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<script src="https://kit.fontawesome.com/5eeae64c4d.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="/assets/application-26d17a38795f28c9aacb2ae3c98434436046ce8d934771efbeee84b41aad906e.css" media="all" data-turbolinks-track="reload" />
<script src="/packs/js/application-c7da18e2566e99d71abd.js" data-turbolinks-track="reload"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-164128820-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-164128820-1');
</script>
</head>
<body>
<style>
.palette-share__menu li.active a, .palette-share__menu li:hover a {
background: #aed581;
}
</style>
<div class="palette-menu clearfix">
<h1>
<a href="/">
<span style="color: #aed581">material design</span> <span style="color: #4fc3f7">palette</span>
</a> </h1>
<div class="right-section">
<a
class="shecodes-link"
href="https://www.shecodes.io/"
target="_blank"
>
<div class="tada animated">
<img src="/img/shecodes.png" alt="shecodes-logo" />
<span>Learn to code with SheCodes</span>
<i class="fas fa-arrow-right"></i>
</div>
</a>
</div>
</div>
<div data-react-class="Palette" data-react-props="{"colors":[{"name":"red","key":"red","android":"red","shades":{"50":{"hex":"#ffebee","contrast":"black"},"100":{"hex":"#ffcdd2","contrast":"black"},"200":{"hex":"#ef9a9a","contrast":"black"},"300":{"hex":"#e57373","contrast":"black"},"400":{"hex":"#ef5350","contrast":"black"},"500":{"hex":"#f44336","contrast":"white"},"600":{"hex":"#e53935","contrast":"white"},"700":{"hex":"#d32f2f","contrast":"white"},"800":{"hex":"#c62828","contrast":"white"},"900":{"hex":"#b71c1c
Open service 99.83.151.71:80 · materialpalette.com
2026-01-02 10:19
HTTP/1.1 200 OK
Cache-Control: max-age=0, private, must-revalidate
Content-Length: 29883
Content-Type: text/html; charset=utf-8
Etag: W/"38995699a396e31f8b529a9e0cd37ccf"
Nel: {"report_to":"heroku-nel","response_headers":["Via"],"max_age":3600,"success_fraction":0.01,"failure_fraction":0.1}
Referrer-Policy: strict-origin-when-cross-origin
Report-To: {"group":"heroku-nel","endpoints":[{"url":"https://nel.heroku.com/reports?s=und8Vn58FXhyQCfF8hPJUrpxTeQ0OWEBhggPq3og%2BYo%3D\u0026sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add\u0026ts=1767349166"}],"max_age":3600}
Reporting-Endpoints: heroku-nel="https://nel.heroku.com/reports?s=und8Vn58FXhyQCfF8hPJUrpxTeQ0OWEBhggPq3og%2BYo%3D&sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add&ts=1767349166"
Server: Heroku
Set-Cookie: XSRF-TOKEN=XnPXC_RlStqUzmMXYrBBcsZdnsL7d4ghO-hm_mCDCz9iOt3qOaWRbhoiK_Vfo26ZC2Ma1Yf7mXtilWcbNL6PIg; path=/
Set-Cookie: _palette_session=u27W4JilC7c3DlilR4sQloj4Ge166wT7dutp4jjeDVdFdJl%2Fps5rqF%2FVxQPkgBKWxHwC8g4BOD7MUqOUJjs%2BPPQGlAo%2BvpPuXt%2BzTgxeV33PXKUhBeKhDOwA%2BkMCtOneHsB%2BigsbOqSw9cu96APCrBPzP4LBaXo4VsfFMYdOnkSooNCtBwg2gRwUMXzedhpnYCiB%2F%2FMvblDfqa306r2acKmRaFmrSqj3CZb0q6Luio6d%2FodmOOsOiFvJP5usN9pye%2BfIrwLrBrCM%2BKN%2FOGwSRDRKD01ECTmz--toa7Laxl3sJfZ9YM--9%2Be1hQPdWYvy1J5ymQsiqQ%3D%3D; path=/; httponly
Via: 1.1 heroku-router
X-Content-Type-Options: nosniff
X-Download-Options: noopen
X-Frame-Options: SAMEORIGIN
X-Permitted-Cross-Domain-Policies: none
X-Request-Id: e1040d3a-7a14-89bb-0d8f-3f0cae75bd07
X-Runtime: 0.004070
X-Xss-Protection: 1; mode=block
Date: Fri, 02 Jan 2026 10:19:26 GMT
Connection: close
Page title: Material Design Color Palette Generator - Material Palette
<!DOCTYPE html>
<html>
<head>
<title>Material Design Color Palette Generator - Material Palette</title>
<meta charset="utf-8">
<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Choose your favorite colors and get your Material Design palette generated and downloadable." >
<meta property="og:title" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:image" content="http://materialpalette.com/assets/facebook-e97d3446eefa01933d14bf4aa46907c0d3fcd4c2c17396b4a4731414992104b3.png">
<meta property="og:site_name" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:url" content='http://materialpalette.com/'>
<meta property="og:description" content="Choose your favorite colors and get your Material Design palette generated and downloadable.">
<meta property="og:type" content="website">
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="BJNl81jsS-eBlopRzIcyFJK02G7BGGaNJbU_jBDqBwY42m8SlSyQUw96wrPxlB3_X4pceb2Ud9d8yD5pRNeDGw" />
<link rel="icon" type="image/x-icon" href="/assets/favicon-0f3eb1b9f6d525e848b1dca6db1cabd2a3e9e843749cb9ad72222b80ab9fdf19.ico" />
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=materialpalettecom" id="_carbonads_js"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<script src="https://kit.fontawesome.com/5eeae64c4d.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="/assets/application-26d17a38795f28c9aacb2ae3c98434436046ce8d934771efbeee84b41aad906e.css" media="all" data-turbolinks-track="reload" />
<script src="/packs/js/application-c7da18e2566e99d71abd.js" data-turbolinks-track="reload"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-164128820-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-164128820-1');
</script>
</head>
<body>
<style>
.palette-share__menu li.active a, .palette-share__menu li:hover a {
background: #ffd54f;
}
</style>
<div class="palette-menu clearfix">
<h1>
<a href="/">
<span style="color: #ffd54f">material design</span> <span style="color: #4db6ac">palette</span>
</a> </h1>
<div class="right-section">
<a
class="shecodes-link"
href="https://www.shecodes.io/"
target="_blank"
>
<div class="tada animated">
<img src="/img/shecodes.png" alt="shecodes-logo" />
<span>Learn to code with SheCodes</span>
<i class="fas fa-arrow-right"></i>
</div>
</a>
</div>
</div>
<div data-react-class="Palette" data-react-props="{"colors":[{"name":"red","key":"red","android":"red","shades":{"50":{"hex":"#ffebee","contrast":"black"},"100":{"hex":"#ffcdd2","contrast":"black"},"200":{"hex":"#ef9a9a","contrast":"black"},"300":{"hex":"#e57373","contrast":"black"},"400":{"hex":"#ef5350","contrast":"black"},"500":{"hex":"#f44336","contrast":"white"},"600":{"hex":"#e53935","contrast":"white"},"700":{"hex":"#d32f2f","contrast":"white"},"800":{"hex":"#c62828","contrast":"white"},"900":{"hex":"#b71c1c",&
Open service 99.83.151.71:80 · www.materialpalette.com
2025-12-23 07:24
HTTP/1.1 200 OK
Cache-Control: max-age=0, private, must-revalidate
Content-Length: 29895
Content-Type: text/html; charset=utf-8
Etag: W/"ad30f1a519a76ef237ed96f1288e7a9b"
Nel: {"report_to":"heroku-nel","response_headers":["Via"],"max_age":3600,"success_fraction":0.01,"failure_fraction":0.1}
Referrer-Policy: strict-origin-when-cross-origin
Report-To: {"group":"heroku-nel","endpoints":[{"url":"https://nel.heroku.com/reports?s=w9doHOSQRRMBOOLTUrLJAt%2FtJkv%2FldyTPSTzdqrj7OA%3D\u0026sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add\u0026ts=1766474702"}],"max_age":3600}
Reporting-Endpoints: heroku-nel="https://nel.heroku.com/reports?s=w9doHOSQRRMBOOLTUrLJAt%2FtJkv%2FldyTPSTzdqrj7OA%3D&sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add&ts=1766474702"
Server: Heroku
Set-Cookie: XSRF-TOKEN=9R-kVHrur6lLJVfh7_eCuKS5ALxU3bIKuaAI0IpIaGQzIkPMOIwAPltiNc75IFvYumJwzB212f2DT9buExemZA; path=/
Set-Cookie: _palette_session=9noE66IaGkQIcw0KR31MMrjPxYcLvUrLCt6yZNPcX3ANSSoW%2Bjrm7DDBL2A4YFgDb7jJ2EHxO2FbxzsPMVSp231xJkjQzYWXRbj4EVeXxCtt%2Fo2vmnjgm8dT3kAHX0igdGQ3Ui%2FEM%2FCc8yrTAlm7iQH9oKFPoBU9kUXKc884%2FvcBmtK4RmjzAJKbh50mM1D%2Bvwc0Ivp0ko5Z353MDAFtnC4FScy45kVL8rRp72FlCodnkLLX0W3kG%2BwsE9L%2FmYJnW9MxrMOOCqFGq%2BE3R8EC3z8rSr9559L8--mKsq5joow%2By0Hxiq--p9O2%2FT0Hswq4qSAWXX8DxA%3D%3D; path=/; httponly
Via: 1.1 heroku-router
X-Content-Type-Options: nosniff
X-Download-Options: noopen
X-Frame-Options: SAMEORIGIN
X-Permitted-Cross-Domain-Policies: none
X-Request-Id: 50a49d97-0165-0f41-8c85-277170e443e5
X-Runtime: 0.005397
X-Xss-Protection: 1; mode=block
Date: Tue, 23 Dec 2025 07:25:02 GMT
Connection: close
Page title: Material Design Color Palette Generator - Material Palette
<!DOCTYPE html>
<html>
<head>
<title>Material Design Color Palette Generator - Material Palette</title>
<meta charset="utf-8">
<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Choose your favorite colors and get your Material Design palette generated and downloadable." >
<meta property="og:title" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:image" content="http://www.materialpalette.com/assets/facebook-e97d3446eefa01933d14bf4aa46907c0d3fcd4c2c17396b4a4731414992104b3.png">
<meta property="og:site_name" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:url" content='http://www.materialpalette.com/'>
<meta property="og:description" content="Choose your favorite colors and get your Material Design palette generated and downloadable.">
<meta property="og:type" content="website">
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="dFlyoHOFPgu53fXziYAh4CvO94y49ov6qgkWjnvXnJSyZJU4MeeRnKmal9yfV_iANRWH_PGe4A2Q5siw4ohSlA" />
<link rel="icon" type="image/x-icon" href="/assets/favicon-0f3eb1b9f6d525e848b1dca6db1cabd2a3e9e843749cb9ad72222b80ab9fdf19.ico" />
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=materialpalettecom" id="_carbonads_js"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<script src="https://kit.fontawesome.com/5eeae64c4d.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="/assets/application-26d17a38795f28c9aacb2ae3c98434436046ce8d934771efbeee84b41aad906e.css" media="all" data-turbolinks-track="reload" />
<script src="/packs/js/application-c7da18e2566e99d71abd.js" data-turbolinks-track="reload"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-164128820-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-164128820-1');
</script>
</head>
<body>
<style>
.palette-share__menu li.active a, .palette-share__menu li:hover a {
background: #4db6ac;
}
</style>
<div class="palette-menu clearfix">
<h1>
<a href="/">
<span style="color: #4db6ac">material design</span> <span style="color: #4dd0e1">palette</span>
</a> </h1>
<div class="right-section">
<a
class="shecodes-link"
href="https://www.shecodes.io/"
target="_blank"
>
<div class="tada animated">
<img src="/img/shecodes.png" alt="shecodes-logo" />
<span>Learn to code with SheCodes</span>
<i class="fas fa-arrow-right"></i>
</div>
</a>
</div>
</div>
<div data-react-class="Palette" data-react-props="{"colors":[{"name":"red","key":"red","android":"red","shades":{"50":{"hex":"#ffebee","contrast":"black"},"100":{"hex":"#ffcdd2","contrast":"black"},"200":{"hex":"#ef9a9a","contrast":"black"},"300":{"hex":"#e57373","contrast":"black"},"400":{"hex":"#ef5350","contrast":"black"},"500":{"hex":"#f44336","contrast":"white"},"600":{"hex":"#e53935","contrast":"white"},"700":{"hex":"#d32f2f","contrast":"white"},"800":{"hex":"#c62828","contrast":"white"},"900":{"hex":"#b71c1c
Open service 13.248.132.87:443 · materialpalette.com
2025-12-23 02:07
HTTP/1.1 200 OK
Cache-Control: max-age=0, private, must-revalidate
Content-Length: 29886
Content-Type: text/html; charset=utf-8
Etag: W/"52b0c839ba199c57abfc27e9338b9422"
Nel: {"report_to":"heroku-nel","response_headers":["Via"],"max_age":3600,"success_fraction":0.01,"failure_fraction":0.1}
Referrer-Policy: strict-origin-when-cross-origin
Report-To: {"group":"heroku-nel","endpoints":[{"url":"https://nel.heroku.com/reports?s=zAvlVrJJWI3vS8zi3WvdZpyAlpoZ69piTpd2%2F5W2TEQ%3D\u0026sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add\u0026ts=1766455625"}],"max_age":3600}
Reporting-Endpoints: heroku-nel="https://nel.heroku.com/reports?s=zAvlVrJJWI3vS8zi3WvdZpyAlpoZ69piTpd2%2F5W2TEQ%3D&sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add&ts=1766455625"
Server: Heroku
Set-Cookie: XSRF-TOKEN=Rbsy3ee8JhVTkBYjvpbQDjG3M1rNeoSfCUcrBpm9GpJrjr2D-mpiX3F81hMexSpJsXLkmy7fJvO0V-o_UaDRPw; path=/
Set-Cookie: _palette_session=zQHIFWuaNylXklL8L2E8Absx5t8WPs5%2BHtMPvCJQNxXum2%2Bq4ElpV%2FzPpkSl9lz3FVKZPr28mkk3Ll6L06zhqQ8pO%2BYhihVfFn5Xjr7jZwHijOZh2UMFCpNUuUVE72%2FpKBEAmZUUSpHc9NMPp8Nbz8zpj9TzRNHd6vc09YlL%2FxDU7JFkdDjV24dJfYg4z37CICClz1gV6nLC8jHkn8%2BfZALU93TKVnXHlD2bXAW3v0KTpFQTTITxuXynFYhs4oOMjG4fSM7BpK%2BsR2kmxyZYUs0ZYgB2rqXX--2EUGgaeO5a3HE3UV--kMh2ab3HaGYDQiCKg5gJTQ%3D%3D; path=/; httponly
Via: 1.1 heroku-router
X-Content-Type-Options: nosniff
X-Download-Options: noopen
X-Frame-Options: SAMEORIGIN
X-Permitted-Cross-Domain-Policies: none
X-Request-Id: ab9090e1-f307-8551-b3ea-66fc3e77a5ac
X-Runtime: 0.003501
X-Xss-Protection: 1; mode=block
Date: Tue, 23 Dec 2025 02:07:05 GMT
Connection: close
Page title: Material Design Color Palette Generator - Material Palette
<!DOCTYPE html>
<html>
<head>
<title>Material Design Color Palette Generator - Material Palette</title>
<meta charset="utf-8">
<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Choose your favorite colors and get your Material Design palette generated and downloadable." >
<meta property="og:title" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:image" content="https://materialpalette.com/assets/facebook-e97d3446eefa01933d14bf4aa46907c0d3fcd4c2c17396b4a4731414992104b3.png">
<meta property="og:site_name" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:url" content='https://materialpalette.com/'>
<meta property="og:description" content="Choose your favorite colors and get your Material Design palette generated and downloadable.">
<meta property="og:type" content="website">
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="egXkIBB73iZ4LYnPIhRDTTNWK8CrRaD0RnnMnPuK5QtUMGt-Da2abFrBSf-CR7kKs5P8AUjgApj7aQ2lM5cupg" />
<link rel="icon" type="image/x-icon" href="/assets/favicon-0f3eb1b9f6d525e848b1dca6db1cabd2a3e9e843749cb9ad72222b80ab9fdf19.ico" />
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=materialpalettecom" id="_carbonads_js"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<script src="https://kit.fontawesome.com/5eeae64c4d.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="/assets/application-26d17a38795f28c9aacb2ae3c98434436046ce8d934771efbeee84b41aad906e.css" media="all" data-turbolinks-track="reload" />
<script src="/packs/js/application-c7da18e2566e99d71abd.js" data-turbolinks-track="reload"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-164128820-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-164128820-1');
</script>
</head>
<body>
<style>
.palette-share__menu li.active a, .palette-share__menu li:hover a {
background: #ffb74d;
}
</style>
<div class="palette-menu clearfix">
<h1>
<a href="/">
<span style="color: #ffb74d">material design</span> <span style="color: #fff176">palette</span>
</a> </h1>
<div class="right-section">
<a
class="shecodes-link"
href="https://www.shecodes.io/"
target="_blank"
>
<div class="tada animated">
<img src="/img/shecodes.png" alt="shecodes-logo" />
<span>Learn to code with SheCodes</span>
<i class="fas fa-arrow-right"></i>
</div>
</a>
</div>
</div>
<div data-react-class="Palette" data-react-props="{"colors":[{"name":"red","key":"red","android":"red","shades":{"50":{"hex":"#ffebee","contrast":"black"},"100":{"hex":"#ffcdd2","contrast":"black"},"200":{"hex":"#ef9a9a","contrast":"black"},"300":{"hex":"#e57373","contrast":"black"},"400":{"hex":"#ef5350","contrast":"black"},"500":{"hex":"#f44336","contrast":"white"},"600":{"hex":"#e53935","contrast":"white"},"700":{"hex":"#d32f2f","contrast":"white"},"800":{"hex":"#c62828","contrast":"white"},"900":{"hex":"#b71c1c"
Open service 99.83.151.71:80 · materialpalette.com
2025-12-22 21:41
HTTP/1.1 200 OK
Cache-Control: max-age=0, private, must-revalidate
Content-Length: 29883
Content-Type: text/html; charset=utf-8
Etag: W/"2aa15cf0d68a9f46b3a870774d34100b"
Nel: {"report_to":"heroku-nel","response_headers":["Via"],"max_age":3600,"success_fraction":0.01,"failure_fraction":0.1}
Referrer-Policy: strict-origin-when-cross-origin
Report-To: {"group":"heroku-nel","endpoints":[{"url":"https://nel.heroku.com/reports?s=MleupQYiYMi18rdz8yG5rVaRZDfEjRTii3CASbeRm%2FQ%3D\u0026sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add\u0026ts=1766439715"}],"max_age":3600}
Reporting-Endpoints: heroku-nel="https://nel.heroku.com/reports?s=MleupQYiYMi18rdz8yG5rVaRZDfEjRTii3CASbeRm%2FQ%3D&sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add&ts=1766439715"
Server: Heroku
Set-Cookie: XSRF-TOKEN=oirQB6F40Ho5G-3zUfj3Yfw8TmMYzmoGXaD_XuKfhceuN6iHtdSjTyM6wB32hVAY4ROjnNWP8HbHRJiskadnXA; path=/
Set-Cookie: _palette_session=1rB6Mc%2BOokwFK9%2F%2BNoDUYU4SS%2FaZMdbYjN3Q2Xk9WjpKAaYjYR%2BN3s3Jin3z%2B9GaaTPFKfgeQbqJ3yYjk0CqqyVpB4VuhoUpI6l2mklzdhSjWAfAsg7eDhOEaLf2GMZ4%2BG5dJ1oqkKkIagVKTqGCB8YFRYkhRmvgjxHrhO%2B%2FQoDFeNU32WtWzXP%2FBf0dFZNAKR6DubXZlzbSvWDLdsaGVsvltGBunawM%2BnSjRwEuDqg%2Bs6OPr%2B6ApfVfLmdb%2Fs4uLtPoMk%2BRbmpnMUi7RlEGqirFGxV%2F%2Fc2m--FpumEzaOChrXFR2v--pR1udFOy2I%2BeenN%2B3cPUvQ%3D%3D; path=/; httponly
Via: 1.1 heroku-router
X-Content-Type-Options: nosniff
X-Download-Options: noopen
X-Frame-Options: SAMEORIGIN
X-Permitted-Cross-Domain-Policies: none
X-Request-Id: c55b758c-10a0-9b8e-1e60-72ca583d87d4
X-Runtime: 0.004009
X-Xss-Protection: 1; mode=block
Date: Mon, 22 Dec 2025 21:41:55 GMT
Connection: close
Page title: Material Design Color Palette Generator - Material Palette
<!DOCTYPE html>
<html>
<head>
<title>Material Design Color Palette Generator - Material Palette</title>
<meta charset="utf-8">
<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Choose your favorite colors and get your Material Design palette generated and downloadable." >
<meta property="og:title" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:image" content="http://materialpalette.com/assets/facebook-e97d3446eefa01933d14bf4aa46907c0d3fcd4c2c17396b4a4731414992104b3.png">
<meta property="og:site_name" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:url" content='http://materialpalette.com/'>
<meta property="og:description" content="Choose your favorite colors and get your Material Design palette generated and downloadable.">
<meta property="og:type" content="website">
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="v_YOd1rQFJcvUvjrlPsQgR3Ig0TiJRYgwWkHmPI8GzKz63b3TnxnojVz1QUzhrf4AOduuy9kjFBbjWBqgQT5qQ" />
<link rel="icon" type="image/x-icon" href="/assets/favicon-0f3eb1b9f6d525e848b1dca6db1cabd2a3e9e843749cb9ad72222b80ab9fdf19.ico" />
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=materialpalettecom" id="_carbonads_js"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<script src="https://kit.fontawesome.com/5eeae64c4d.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="/assets/application-26d17a38795f28c9aacb2ae3c98434436046ce8d934771efbeee84b41aad906e.css" media="all" data-turbolinks-track="reload" />
<script src="/packs/js/application-c7da18e2566e99d71abd.js" data-turbolinks-track="reload"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-164128820-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-164128820-1');
</script>
</head>
<body>
<style>
.palette-share__menu li.active a, .palette-share__menu li:hover a {
background: #90a4ae;
}
</style>
<div class="palette-menu clearfix">
<h1>
<a href="/">
<span style="color: #90a4ae">material design</span> <span style="color: #7986cb">palette</span>
</a> </h1>
<div class="right-section">
<a
class="shecodes-link"
href="https://www.shecodes.io/"
target="_blank"
>
<div class="tada animated">
<img src="/img/shecodes.png" alt="shecodes-logo" />
<span>Learn to code with SheCodes</span>
<i class="fas fa-arrow-right"></i>
</div>
</a>
</div>
</div>
<div data-react-class="Palette" data-react-props="{"colors":[{"name":"red","key":"red","android":"red","shades":{"50":{"hex":"#ffebee","contrast":"black"},"100":{"hex":"#ffcdd2","contrast":"black"},"200":{"hex":"#ef9a9a","contrast":"black"},"300":{"hex":"#e57373","contrast":"black"},"400":{"hex":"#ef5350","contrast":"black"},"500":{"hex":"#f44336","contrast":"white"},"600":{"hex":"#e53935","contrast":"white"},"700":{"hex":"#d32f2f","contrast":"white"},"800":{"hex":"#c62828","contrast":"white"},"900":{"hex":"#b71c1c",&
Open service 188.114.97.3:443 · www.materialpalette.com
2025-12-22 17:35
HTTP/1.1 200 OK
Date: Mon, 22 Dec 2025 17:35:18 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: close
Cache-Control: max-age=0, private, must-revalidate
Server-Timing: cfCacheStatus;desc="DYNAMIC"
Server-Timing: cfEdge;dur=7,cfOrigin;dur=20
Nel: {"report_to":"heroku-nel","response_headers":["Via"],"max_age":3600,"success_fraction":0.01,"failure_fraction":0.1}
Referrer-Policy: strict-origin-when-cross-origin
Report-To: {"group":"heroku-nel","endpoints":[{"url":"https://nel.heroku.com/reports?s=%2BQf4pzYmYSzFJEHeeOy4S%2F10onNHb7SFPiT8wdr1d58%3D\u0026sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add\u0026ts=1766424918"}],"max_age":3600}
Reporting-Endpoints: heroku-nel="https://nel.heroku.com/reports?s=%2BQf4pzYmYSzFJEHeeOy4S%2F10onNHb7SFPiT8wdr1d58%3D&sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add&ts=1766424918"
Server: cloudflare
Set-Cookie: XSRF-TOKEN=DSOxEs6LQ_KK7TBkaSBNmOp-kJTCwClGUK9OF7QXYwm8_mk6aBsgVkGwPIrrNnJtaP3PzUJtGwic-wpO6c9Vvw; path=/
Set-Cookie: _palette_session=OI29Mct4Xqb0WKO%2FuR4YuKnazOUoljxIE3AEsTefwzkzIluSkjs%2Bljbmqv9reeKsrJwXH62qEVjtNgJOd10J1ToCdjAl%2BkNIDQ2E0GfZufbeSCwXrnrilWW6IK8dsoT0DkfBBDPjEJw7zcNubrUkoHUOqur4zkTytbSliRmIPV66l%2BDoiEo%2FIEFUgmVcTTF7Et2NqDmtnAtrPAtpsC8dGJ9p5otAAbROIlZOnuBdP9lApcvZ1GiV9WVHCRN6su8P%2FHSKZPh16nH6l6QpFFTSkKEYvZA0zijw--qa%2BcZMTGE8nMwoUa--hkGBrrLv%2FBuzQ%2F162%2F9EYQ%3D%3D; path=/; httponly
Via: 1.1 heroku-router
X-Content-Type-Options: nosniff
X-Download-Options: noopen
X-Frame-Options: SAMEORIGIN
X-Permitted-Cross-Domain-Policies: none
X-Request-Id: 05f2b70b-b3b7-1967-3d29-8e4c1b44451b
X-Runtime: 0.003677
X-Xss-Protection: 1; mode=block
cf-cache-status: DYNAMIC
CF-RAY: 9b215ffd6f6dc463-EWR
alt-svc: h3=":443"; ma=86400
Page title: Material Design Color Palette Generator - Material Palette
<!DOCTYPE html>
<html>
<head>
<title>Material Design Color Palette Generator - Material Palette</title>
<meta charset="utf-8">
<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Choose your favorite colors and get your Material Design palette generated and downloadable." >
<meta property="og:title" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:image" content="http://www.materialpalette.com/assets/facebook-e97d3446eefa01933d14bf4aa46907c0d3fcd4c2c17396b4a4731414992104b3.png">
<meta property="og:site_name" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:url" content='http://www.materialpalette.com/'>
<meta property="og:description" content="Choose your favorite colors and get your Material Design palette generated and downloadable.">
<meta property="og:type" content="website">
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="iJAKxZp40m9ByjWLawAu0pb0ahnRR_m1ou0Iy30-fz45TdLtPOixy4qXOWXpFhEnFHc1QFHqy_tuuUySIOZJiA" />
<link rel="icon" type="image/x-icon" href="/assets/favicon-0f3eb1b9f6d525e848b1dca6db1cabd2a3e9e843749cb9ad72222b80ab9fdf19.ico" />
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=materialpalettecom" id="_carbonads_js"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<script src="https://kit.fontawesome.com/5eeae64c4d.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="/assets/application-26d17a38795f28c9aacb2ae3c98434436046ce8d934771efbeee84b41aad906e.css" media="all" data-turbolinks-track="reload" />
<script src="/packs/js/application-c7da18e2566e99d71abd.js" data-turbolinks-track="reload"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-164128820-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-164128820-1');
</script>
</head>
<body>
<style>
.palette-share__menu li.active a, .palette-share__menu li:hover a {
background: #ff8a65;
}
</style>
<div class="palette-menu clearfix">
<h1>
<a href="/">
<span style="color: #ff8a65">material design</span> <span style="color: #4db6ac">palette</span>
</a> </h1>
<div class="right-section">
<a
class="shecodes-link"
href="https://www.shecodes.io/"
target="_blank"
>
<div class="tada animated">
<img src="/img/shecodes.png" alt="shecodes-logo" />
<span>Learn to code with SheCodes</span>
<i class="fas fa-arrow-right"></i>
</div>
</a>
</div>
</div>
<div data-react-class="Palette" data-react-props="{"colors":[{"name":"red","key":"red","android":"red","shades":{"50":{"hex":"#ffebee","contrast":"black"},"100":{"hex":"#ffcdd2","contrast":"black"},"200":{"hex":"#ef9a9a","contrast":"black"},"300":{"hex":"#e57373","contrast":"black"},"400":{"hex":"#ef5350","contrast":"black"},"500":{"hex":"#f44336","contrast":"white"},"600":{"hex":"#e53935","contrast":"white"},"700":{"hex":"#d32f2f","contrast":"white"},"800":{"hex":"#c62828","contrast":"white"},"900":{"hex":"#b71c1c
Open service 99.83.151.71:80 · www.materialpalette.com
2025-12-20 23:43
HTTP/1.1 200 OK
Cache-Control: max-age=0, private, must-revalidate
Content-Length: 29895
Content-Type: text/html; charset=utf-8
Etag: W/"04d056b6189c9c303a2821970dc2f837"
Nel: {"report_to":"heroku-nel","response_headers":["Via"],"max_age":3600,"success_fraction":0.01,"failure_fraction":0.1}
Referrer-Policy: strict-origin-when-cross-origin
Report-To: {"group":"heroku-nel","endpoints":[{"url":"https://nel.heroku.com/reports?s=YMNMRWWUcnscanXv5L%2BmOzHlRKsmpgVSgD%2B3TMSl%2BFc%3D\u0026sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add\u0026ts=1766274228"}],"max_age":3600}
Reporting-Endpoints: heroku-nel="https://nel.heroku.com/reports?s=YMNMRWWUcnscanXv5L%2BmOzHlRKsmpgVSgD%2B3TMSl%2BFc%3D&sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add&ts=1766274228"
Server: Heroku
Set-Cookie: XSRF-TOKEN=os-YHolelyy9KEBmWBk2f9u38mmrYQs0qBNFIpRj-Fbh2dR224W4BcIjVfTdssu6be6n2zZ9sq_MST5avdVsuQ; path=/
Set-Cookie: _palette_session=8w1eipY%2FcAst18n3S6n6bUatLhy1bnPQeU2HwpiUeig5cLbMTr%2FwKfkFrV2yhHn3hFD3XFCVewV9zb9VbGSH61VnXfPSsJh2RPaenqrWQGjkEsHcNd0ETPVhRnduL8HSTxcKjHUnygw4Rb%2BjXBSDYj2gZiPQoL3QenW5zzClNeWzy0FcGEsPpFsYZZOtFR%2B1%2BBYKLp50YC8%2FiK4gBhUYS9z4s75ij09764ZWj%2FzC2xj%2B5F9XZd4qUQMwQLCHrIpHOU2vhM63vf6bz28FDt1UpNfW0lOFtPsr--4l5jKEAo7AOopXdt--7IbwUKSXTc077P%2F%2FwGAG8Q%3D%3D; path=/; httponly
Via: 1.1 heroku-router
X-Content-Type-Options: nosniff
X-Download-Options: noopen
X-Frame-Options: SAMEORIGIN
X-Permitted-Cross-Domain-Policies: none
X-Request-Id: 1b213fe7-512b-c271-c6aa-9693ffb07325
X-Runtime: 0.003714
X-Xss-Protection: 1; mode=block
Date: Sat, 20 Dec 2025 23:43:48 GMT
Connection: close
Page title: Material Design Color Palette Generator - Material Palette
<!DOCTYPE html>
<html>
<head>
<title>Material Design Color Palette Generator - Material Palette</title>
<meta charset="utf-8">
<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Choose your favorite colors and get your Material Design palette generated and downloadable." >
<meta property="og:title" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:image" content="http://www.materialpalette.com/assets/facebook-e97d3446eefa01933d14bf4aa46907c0d3fcd4c2c17396b4a4731414992104b3.png">
<meta property="og:site_name" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:url" content='http://www.materialpalette.com/'>
<meta property="og:description" content="Choose your favorite colors and get your Material Design palette generated and downloadable.">
<meta property="og:type" content="website">
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="UlmDZI6crDkXzl0rVBEcZcBMof3U5TOaJN5k1rk6qJgRT88M3EeDEGjFSLnRuuGgdhX0T0n5igFAhB-ukIw8dw" />
<link rel="icon" type="image/x-icon" href="/assets/favicon-0f3eb1b9f6d525e848b1dca6db1cabd2a3e9e843749cb9ad72222b80ab9fdf19.ico" />
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=materialpalettecom" id="_carbonads_js"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<script src="https://kit.fontawesome.com/5eeae64c4d.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="/assets/application-26d17a38795f28c9aacb2ae3c98434436046ce8d934771efbeee84b41aad906e.css" media="all" data-turbolinks-track="reload" />
<script src="/packs/js/application-c7da18e2566e99d71abd.js" data-turbolinks-track="reload"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-164128820-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-164128820-1');
</script>
</head>
<body>
<style>
.palette-share__menu li.active a, .palette-share__menu li:hover a {
background: #ffd54f;
}
</style>
<div class="palette-menu clearfix">
<h1>
<a href="/">
<span style="color: #ffd54f">material design</span> <span style="color: #4fc3f7">palette</span>
</a> </h1>
<div class="right-section">
<a
class="shecodes-link"
href="https://www.shecodes.io/"
target="_blank"
>
<div class="tada animated">
<img src="/img/shecodes.png" alt="shecodes-logo" />
<span>Learn to code with SheCodes</span>
<i class="fas fa-arrow-right"></i>
</div>
</a>
</div>
</div>
<div data-react-class="Palette" data-react-props="{"colors":[{"name":"red","key":"red","android":"red","shades":{"50":{"hex":"#ffebee","contrast":"black"},"100":{"hex":"#ffcdd2","contrast":"black"},"200":{"hex":"#ef9a9a","contrast":"black"},"300":{"hex":"#e57373","contrast":"black"},"400":{"hex":"#ef5350","contrast":"black"},"500":{"hex":"#f44336","contrast":"white"},"600":{"hex":"#e53935","contrast":"white"},"700":{"hex":"#d32f2f","contrast":"white"},"800":{"hex":"#c62828","contrast":"white"},"900":{"hex":"#b71c1c
Open service 99.83.151.71:80 · materialpalette.com
2025-12-20 23:32
HTTP/1.1 200 OK
Cache-Control: max-age=0, private, must-revalidate
Content-Length: 29883
Content-Type: text/html; charset=utf-8
Etag: W/"88b1217515c57f5d4e807fb1682e22cb"
Nel: {"report_to":"heroku-nel","response_headers":["Via"],"max_age":3600,"success_fraction":0.01,"failure_fraction":0.1}
Referrer-Policy: strict-origin-when-cross-origin
Report-To: {"group":"heroku-nel","endpoints":[{"url":"https://nel.heroku.com/reports?s=erB2sp2Ip%2BIqsq5npTcsD6D0wDA5k2s5OzClQ%2FXl%2BPg%3D\u0026sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add\u0026ts=1766273533"}],"max_age":3600}
Reporting-Endpoints: heroku-nel="https://nel.heroku.com/reports?s=erB2sp2Ip%2BIqsq5npTcsD6D0wDA5k2s5OzClQ%2FXl%2BPg%3D&sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add&ts=1766273533"
Server: Heroku
Set-Cookie: XSRF-TOKEN=5FdJ782E4OzWKXn5WHaVuAJCyv3hRfAE3Ptl5ERVdgAq6hXZ6QGUtTytOxoCAL0-_gaXJQDrXu_PqdnN1nAq7w; path=/
Set-Cookie: _palette_session=Do0ekknn6lxYdrex3Xz2Fr3O2cEnSydXufBmJ8JSUHkd9plKO1qLIc%2BaxZy2cGRAuq7VltWIO1gx8U0UQQcn5iLflm4oO1xTOoEnP053it2WonxYjrQIHuPDuCW5jP2HDJaTx%2BnhTSjHs27swcTU2I59lmhWs2ZbVxu%2BnutQS5pbY3UerYxsu2lQ2Tx9CKnd6glQoMdTUhHKWpecPB5UarMnOhpVpkXfJIPqt9SEJucpQC6FcA2ywgnfgz2hNzAgRRNWFFMUuG%2Bopdcpf5XRvFEx8V4SWFN4--TVrjqQASo65iNW2E--7KxMmj6Zmq7a%2BIk%2FWjQ%2Fng%3D%3D; path=/; httponly
Via: 1.1 heroku-router
X-Content-Type-Options: nosniff
X-Download-Options: noopen
X-Frame-Options: SAMEORIGIN
X-Permitted-Cross-Domain-Policies: none
X-Request-Id: 4f2efd05-6a24-67df-630e-f38f1e4f29ed
X-Runtime: 0.003772
X-Xss-Protection: 1; mode=block
Date: Sat, 20 Dec 2025 23:32:13 GMT
Connection: close
Page title: Material Design Color Palette Generator - Material Palette
<!DOCTYPE html>
<html>
<head>
<title>Material Design Color Palette Generator - Material Palette</title>
<meta charset="utf-8">
<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Choose your favorite colors and get your Material Design palette generated and downloadable." >
<meta property="og:title" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:image" content="http://materialpalette.com/assets/facebook-e97d3446eefa01933d14bf4aa46907c0d3fcd4c2c17396b4a4731414992104b3.png">
<meta property="og:site_name" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:url" content='http://materialpalette.com/'>
<meta property="og:description" content="Choose your favorite colors and get your Material Design palette generated and downloadable.">
<meta property="og:type" content="website">
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="-kq5TQ8920Ge3jx3mVYFIWHqmwa-nsvqzwJjD98rDQs09-V7K7ivGHRafpTDIC2nna7G3l8wZQHcUN8mTQ5R5A" />
<link rel="icon" type="image/x-icon" href="/assets/favicon-0f3eb1b9f6d525e848b1dca6db1cabd2a3e9e843749cb9ad72222b80ab9fdf19.ico" />
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=materialpalettecom" id="_carbonads_js"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<script src="https://kit.fontawesome.com/5eeae64c4d.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="/assets/application-26d17a38795f28c9aacb2ae3c98434436046ce8d934771efbeee84b41aad906e.css" media="all" data-turbolinks-track="reload" />
<script src="/packs/js/application-c7da18e2566e99d71abd.js" data-turbolinks-track="reload"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-164128820-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-164128820-1');
</script>
</head>
<body>
<style>
.palette-share__menu li.active a, .palette-share__menu li:hover a {
background: #dce775;
}
</style>
<div class="palette-menu clearfix">
<h1>
<a href="/">
<span style="color: #dce775">material design</span> <span style="color: #e0e0e0">palette</span>
</a> </h1>
<div class="right-section">
<a
class="shecodes-link"
href="https://www.shecodes.io/"
target="_blank"
>
<div class="tada animated">
<img src="/img/shecodes.png" alt="shecodes-logo" />
<span>Learn to code with SheCodes</span>
<i class="fas fa-arrow-right"></i>
</div>
</a>
</div>
</div>
<div data-react-class="Palette" data-react-props="{"colors":[{"name":"red","key":"red","android":"red","shades":{"50":{"hex":"#ffebee","contrast":"black"},"100":{"hex":"#ffcdd2","contrast":"black"},"200":{"hex":"#ef9a9a","contrast":"black"},"300":{"hex":"#e57373","contrast":"black"},"400":{"hex":"#ef5350","contrast":"black"},"500":{"hex":"#f44336","contrast":"white"},"600":{"hex":"#e53935","contrast":"white"},"700":{"hex":"#d32f2f","contrast":"white"},"800":{"hex":"#c62828","contrast":"white"},"900":{"hex":"#b71c1c",&
Open service 188.114.97.3:443 · www.materialpalette.com
2025-12-20 21:18
HTTP/1.1 200 OK
Date: Sat, 20 Dec 2025 21:18:44 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: close
Cache-Control: max-age=0, private, must-revalidate
Nel: {"report_to":"heroku-nel","response_headers":["Via"],"max_age":3600,"success_fraction":0.01,"failure_fraction":0.1}
Referrer-Policy: strict-origin-when-cross-origin
Report-To: {"group":"heroku-nel","endpoints":[{"url":"https://nel.heroku.com/reports?s=LqqcBxfJsp1mqP2ng5UZJjR%2Bdn076mYI8tlWtGsszi0%3D\u0026sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add\u0026ts=1766265524"}],"max_age":3600}
Reporting-Endpoints: heroku-nel="https://nel.heroku.com/reports?s=LqqcBxfJsp1mqP2ng5UZJjR%2Bdn076mYI8tlWtGsszi0%3D&sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add&ts=1766265524"
Server: cloudflare
Set-Cookie: XSRF-TOKEN=vc4Sfyxai8etkO8nkE77SxAo7bnbFy9yg4AoYCpkfmsdc9ObzO7AFxTYmNvtFSO26gQisvXGkx4lkJzPWClvUQ; path=/
Set-Cookie: _palette_session=xcWj2LoJ48odjMyLJpdZmV%2F7IDJCZtDXskatTOMMUcb83uwvWWEKqrrPlU%2B8d8iy%2BK%2BNOYU7KfMK3Um5zpJqz3MNSdnhCgqNt5nRHA5QMdlER7X5ej7mXGgSUyrhBLGCV2esuAhNa0uHEKM%2F2qAYHXpfDZ%2FD8OC9Lcc7t3ows7lEo092JcDfvCkDInuDF8CRDUs6bHmVRMQbpd1rQZlq2GHKpNYWx%2BPvG9cvsgofDxYYVHUfl0iuMVOKFOwAapZjMrPSl669a6MvAzKanIXEAsrZHTX6px8%2F--XofZwz6TfSFUu62d--QmuNEfjDK0jAMeMaRzaFLg%3D%3D; path=/; httponly
Via: 1.1 heroku-router
X-Content-Type-Options: nosniff
X-Download-Options: noopen
X-Frame-Options: SAMEORIGIN
X-Permitted-Cross-Domain-Policies: none
X-Request-Id: 7f487ae2-5049-64bc-c54d-7fbcf9c64081
X-Runtime: 0.006487
X-Xss-Protection: 1; mode=block
cf-cache-status: DYNAMIC
CF-RAY: 9b122c87fe4bdbf6-FRA
alt-svc: h3=":443"; ma=86400
Page title: Material Design Color Palette Generator - Material Palette
<!DOCTYPE html>
<html>
<head>
<title>Material Design Color Palette Generator - Material Palette</title>
<meta charset="utf-8">
<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Choose your favorite colors and get your Material Design palette generated and downloadable." >
<meta property="og:title" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:image" content="http://www.materialpalette.com/assets/facebook-e97d3446eefa01933d14bf4aa46907c0d3fcd4c2c17396b4a4731414992104b3.png">
<meta property="og:site_name" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:url" content='http://www.materialpalette.com/'>
<meta property="og:description" content="Choose your favorite colors and get your Material Design palette generated and downloadable.">
<meta property="og:type" content="website">
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="u0ynKz1AD4DZWW7P-1U1gcRrjzzAtDGj4SmMr9HjToEb8WbP3fREUGARGTOGDu18PkdAN-5ljc9HOTgAo65fuw" />
<link rel="icon" type="image/x-icon" href="/assets/favicon-0f3eb1b9f6d525e848b1dca6db1cabd2a3e9e843749cb9ad72222b80ab9fdf19.ico" />
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=materialpalettecom" id="_carbonads_js"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<script src="https://kit.fontawesome.com/5eeae64c4d.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="/assets/application-26d17a38795f28c9aacb2ae3c98434436046ce8d934771efbeee84b41aad906e.css" media="all" data-turbolinks-track="reload" />
<script src="/packs/js/application-c7da18e2566e99d71abd.js" data-turbolinks-track="reload"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-164128820-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-164128820-1');
</script>
</head>
<body>
<style>
.palette-share__menu li.active a, .palette-share__menu li:hover a {
background: #4db6ac;
}
</style>
<div class="palette-menu clearfix">
<h1>
<a href="/">
<span style="color: #4db6ac">material design</span> <span style="color: #e0e0e0">palette</span>
</a> </h1>
<div class="right-section">
<a
class="shecodes-link"
href="https://www.shecodes.io/"
target="_blank"
>
<div class="tada animated">
<img src="/img/shecodes.png" alt="shecodes-logo" />
<span>Learn to code with SheCodes</span>
<i class="fas fa-arrow-right"></i>
</div>
</a>
</div>
</div>
<div data-react-class="Palette" data-react-props="{"colors":[{"name":"red","key":"red","android":"red","shades":{"50":{"hex":"#ffebee","contrast":"black"},"100":{"hex":"#ffcdd2","contrast":"black"},"200":{"hex":"#ef9a9a","contrast":"black"},"300":{"hex":"#e57373","contrast":"black"},"400":{"hex":"#ef5350","contrast":"black"},"500":{"hex":"#f44336","contrast":"white"},"600":{"hex":"#e53935","contrast":"white"},"700":{"hex":"#d32f2f","contrast":"white"},"800":{"hex":"#c62828","contrast":"white"},"900":{"hex":"#b71c1c
Open service 13.248.132.87:443 · materialpalette.com
2025-12-20 10:19
HTTP/1.1 200 OK
Cache-Control: max-age=0, private, must-revalidate
Content-Length: 29886
Content-Type: text/html; charset=utf-8
Etag: W/"548c586ee5dd8034b85e537fce5bdf50"
Nel: {"report_to":"heroku-nel","response_headers":["Via"],"max_age":3600,"success_fraction":0.01,"failure_fraction":0.1}
Referrer-Policy: strict-origin-when-cross-origin
Report-To: {"group":"heroku-nel","endpoints":[{"url":"https://nel.heroku.com/reports?s=N6T8kHpp2fSNmaCyfq%2FqDv5XnF87XIjAtD9rg0oySSk%3D\u0026sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add\u0026ts=1766225998"}],"max_age":3600}
Reporting-Endpoints: heroku-nel="https://nel.heroku.com/reports?s=N6T8kHpp2fSNmaCyfq%2FqDv5XnF87XIjAtD9rg0oySSk%3D&sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add&ts=1766225998"
Server: Heroku
Set-Cookie: XSRF-TOKEN=ioMcfQ_EGk_GpRYuu_NtOT4wRN7Y_HXA364IwI6BZtZDxKZZ1oVfBdi1Q5_LbXbx0n8M_TfBKGMPfnk0PSW_BA; path=/
Set-Cookie: _palette_session=BwLkSrJVQmNogUtvWI8WbaIOkp5UK1Cs6E%2FsUBdF%2FWQevlZuOX6%2BGF4zF0wz4knwAdrDrWaVwHu5a1xjvMzgqtwLfMtNygYa3VXA4Vmtg7EFV3C54YXnaIvBgQiwBPTG3UD0t375hdyoTd1BNyyqH2QYZWxu9tqfoY%2B48oytoTWv55fZn7l1tIAAUWIdz5%2B9%2FwIv1gB%2B0YK3h0LCBNWMVo0xiOQtsYW0Rq5oIZ%2FMLfoVOu3S6TUiwEpZBba%2BCEDKQm0tSJ38zupp88XSHmPCKFjGBuQt2nMf--vRWaXG%2B4wOUZHOtm--GT1nqiOKUsiccJdvjdJdzQ%3D%3D; path=/; httponly
Via: 1.1 heroku-router
X-Content-Type-Options: nosniff
X-Download-Options: noopen
X-Frame-Options: SAMEORIGIN
X-Permitted-Cross-Domain-Policies: none
X-Request-Id: 67bc0c9d-9350-f7b1-41fa-d47e304d795c
X-Runtime: 0.003521
X-Xss-Protection: 1; mode=block
Date: Sat, 20 Dec 2025 10:19:58 GMT
Connection: close
Page title: Material Design Color Palette Generator - Material Palette
<!DOCTYPE html>
<html>
<head>
<title>Material Design Color Palette Generator - Material Palette</title>
<meta charset="utf-8">
<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Choose your favorite colors and get your Material Design palette generated and downloadable." >
<meta property="og:title" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:image" content="https://materialpalette.com/assets/facebook-e97d3446eefa01933d14bf4aa46907c0d3fcd4c2c17396b4a4731414992104b3.png">
<meta property="og:site_name" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:url" content='https://materialpalette.com/'>
<meta property="og:description" content="Choose your favorite colors and get your Material Design palette generated and downloadable.">
<meta property="og:type" content="website">
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="uQpNppFcCoQ3sBS4D8CXTvCP96aPysyufp8dzb_nTZJwTfeCSB1PzimgQQl_XoyGHMC_hWD3kQ2uT2w5DEOUQA" />
<link rel="icon" type="image/x-icon" href="/assets/favicon-0f3eb1b9f6d525e848b1dca6db1cabd2a3e9e843749cb9ad72222b80ab9fdf19.ico" />
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=materialpalettecom" id="_carbonads_js"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<script src="https://kit.fontawesome.com/5eeae64c4d.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="/assets/application-26d17a38795f28c9aacb2ae3c98434436046ce8d934771efbeee84b41aad906e.css" media="all" data-turbolinks-track="reload" />
<script src="/packs/js/application-c7da18e2566e99d71abd.js" data-turbolinks-track="reload"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-164128820-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-164128820-1');
</script>
</head>
<body>
<style>
.palette-share__menu li.active a, .palette-share__menu li:hover a {
background: #f06292;
}
</style>
<div class="palette-menu clearfix">
<h1>
<a href="/">
<span style="color: #f06292">material design</span> <span style="color: #dce775">palette</span>
</a> </h1>
<div class="right-section">
<a
class="shecodes-link"
href="https://www.shecodes.io/"
target="_blank"
>
<div class="tada animated">
<img src="/img/shecodes.png" alt="shecodes-logo" />
<span>Learn to code with SheCodes</span>
<i class="fas fa-arrow-right"></i>
</div>
</a>
</div>
</div>
<div data-react-class="Palette" data-react-props="{"colors":[{"name":"red","key":"red","android":"red","shades":{"50":{"hex":"#ffebee","contrast":"black"},"100":{"hex":"#ffcdd2","contrast":"black"},"200":{"hex":"#ef9a9a","contrast":"black"},"300":{"hex":"#e57373","contrast":"black"},"400":{"hex":"#ef5350","contrast":"black"},"500":{"hex":"#f44336","contrast":"white"},"600":{"hex":"#e53935","contrast":"white"},"700":{"hex":"#d32f2f","contrast":"white"},"800":{"hex":"#c62828","contrast":"white"},"900":{"hex":"#b71c1c"
Open service 13.248.132.87:443 · materialpalette.com
2025-12-19 10:52
HTTP/1.1 200 OK
Cache-Control: max-age=0, private, must-revalidate
Content-Length: 29886
Content-Type: text/html; charset=utf-8
Etag: W/"da3d16a842d5ab413d3d7cc44b689dab"
Nel: {"report_to":"heroku-nel","response_headers":["Via"],"max_age":3600,"success_fraction":0.01,"failure_fraction":0.1}
Referrer-Policy: strict-origin-when-cross-origin
Report-To: {"group":"heroku-nel","endpoints":[{"url":"https://nel.heroku.com/reports?s=faMj%2BcEfY7L0j40xrm6rWn3BRHg4Wp%2B0t1tJQgqUVKo%3D\u0026sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add\u0026ts=1766141526"}],"max_age":3600}
Reporting-Endpoints: heroku-nel="https://nel.heroku.com/reports?s=faMj%2BcEfY7L0j40xrm6rWn3BRHg4Wp%2B0t1tJQgqUVKo%3D&sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add&ts=1766141526"
Server: Heroku
Set-Cookie: XSRF-TOKEN=_OW2tkWj57MDCmJ227GoUEyYvgq9kAaQiLr3QN9qWzWdFf9tghCwb8W7sJrO2OIOO2-mq9tItz_mXiHwaWOKCw; path=/
Set-Cookie: _palette_session=hRpuUrdzI5nv36Vsl54CYo3BTydfE1q2NamS04M7EmNq8JyF9daQhnVrM6HQheJqNsX2yN2NfY18HbxsihaUbaWLd0ilOlIiNHQSv5XcJT9%2BtYZ69SMPixzYZGpE0bKvbZ%2BK6hroMHltK%2FZFpGOqIbg%2FNwuMVWk8ID7I%2BM0pMEJEf%2F4JIKj2tO87NxYgjGQhg9Mi7gpXttNZOtqHtrTVA0%2F8f9fCGlPGEU7QHyQhqElYzXMiB4Rf4CjXHRa5pPiwfMrkfMz1Ej3AbQXX8rhs8fDUbp%2BEeC7m--G44OmmOCzEKW09wZ--OBiN01FJqcSxUsRAobWHAQ%3D%3D; path=/; httponly
Via: 1.1 heroku-router
X-Content-Type-Options: nosniff
X-Download-Options: noopen
X-Frame-Options: SAMEORIGIN
X-Permitted-Cross-Domain-Policies: none
X-Request-Id: 64de229d-7a6d-67bd-fc28-ab5326974bad
X-Runtime: 0.004671
X-Xss-Protection: 1; mode=block
Date: Fri, 19 Dec 2025 10:52:06 GMT
Connection: close
Page title: Material Design Color Palette Generator - Material Palette
<!DOCTYPE html>
<html>
<head>
<title>Material Design Color Palette Generator - Material Palette</title>
<meta charset="utf-8">
<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Choose your favorite colors and get your Material Design palette generated and downloadable." >
<meta property="og:title" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:image" content="https://materialpalette.com/assets/facebook-e97d3446eefa01933d14bf4aa46907c0d3fcd4c2c17396b4a4731414992104b3.png">
<meta property="og:site_name" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:url" content='https://materialpalette.com/'>
<meta property="og:description" content="Choose your favorite colors and get your Material Design palette generated and downloadable.">
<meta property="og:type" content="website">
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="sGe5DGaLkXFzrcL4KUQjp5bbB3IdbMvfZGjcrMQ_A1PRl_DXoTjGrbUcEBQ8LWn54Swf03u0enAKjAoccjbSbQ" />
<link rel="icon" type="image/x-icon" href="/assets/favicon-0f3eb1b9f6d525e848b1dca6db1cabd2a3e9e843749cb9ad72222b80ab9fdf19.ico" />
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=materialpalettecom" id="_carbonads_js"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<script src="https://kit.fontawesome.com/5eeae64c4d.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="/assets/application-26d17a38795f28c9aacb2ae3c98434436046ce8d934771efbeee84b41aad906e.css" media="all" data-turbolinks-track="reload" />
<script src="/packs/js/application-c7da18e2566e99d71abd.js" data-turbolinks-track="reload"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-164128820-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-164128820-1');
</script>
</head>
<body>
<style>
.palette-share__menu li.active a, .palette-share__menu li:hover a {
background: #ff8a65;
}
</style>
<div class="palette-menu clearfix">
<h1>
<a href="/">
<span style="color: #ff8a65">material design</span> <span style="color: #dce775">palette</span>
</a> </h1>
<div class="right-section">
<a
class="shecodes-link"
href="https://www.shecodes.io/"
target="_blank"
>
<div class="tada animated">
<img src="/img/shecodes.png" alt="shecodes-logo" />
<span>Learn to code with SheCodes</span>
<i class="fas fa-arrow-right"></i>
</div>
</a>
</div>
</div>
<div data-react-class="Palette" data-react-props="{"colors":[{"name":"red","key":"red","android":"red","shades":{"50":{"hex":"#ffebee","contrast":"black"},"100":{"hex":"#ffcdd2","contrast":"black"},"200":{"hex":"#ef9a9a","contrast":"black"},"300":{"hex":"#e57373","contrast":"black"},"400":{"hex":"#ef5350","contrast":"black"},"500":{"hex":"#f44336","contrast":"white"},"600":{"hex":"#e53935","contrast":"white"},"700":{"hex":"#d32f2f","contrast":"white"},"800":{"hex":"#c62828","contrast":"white"},"900":{"hex":"#b71c1c"
Open service 99.83.151.71:80 · materialpalette.com
2025-12-19 00:33
HTTP/1.1 200 OK
Cache-Control: max-age=0, private, must-revalidate
Content-Length: 29883
Content-Type: text/html; charset=utf-8
Etag: W/"d0fe4e3bf85178e617e93fb240c43980"
Nel: {"report_to":"heroku-nel","response_headers":["Via"],"max_age":3600,"success_fraction":0.01,"failure_fraction":0.1}
Referrer-Policy: strict-origin-when-cross-origin
Report-To: {"group":"heroku-nel","endpoints":[{"url":"https://nel.heroku.com/reports?s=giVtvdbX0b0qPo14vb%2BRRAizu0jFuOjB6WYGMhgCKJ4%3D\u0026sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add\u0026ts=1766104434"}],"max_age":3600}
Reporting-Endpoints: heroku-nel="https://nel.heroku.com/reports?s=giVtvdbX0b0qPo14vb%2BRRAizu0jFuOjB6WYGMhgCKJ4%3D&sid=c46efe9b-d3d2-4a0c-8c76-bfafa16c5add&ts=1766104434"
Server: Heroku
Set-Cookie: XSRF-TOKEN=-eFMYC_rtZ15_3xp-XzoWq934e0i5C3JDXuEMhzjShVs2apT08H7m8bVB8ap4z5HFwLtgdlkL2enwZNSdB4pGw; path=/
Set-Cookie: _palette_session=AlOZX81uh5eM3OYTvgV7jYW3gE548lEwUjnTnZvqa5xX1B5kMNq2JBzM91CPh39RmoYxwnJ3zjdvkT8EuYiyBOI1DyshB1uxucnBuGLHNbEZB%2BM6t618m4atOfF%2FevXOhb2GUdt4%2FckJ5euIRs2zSd8Ltzb%2B9yFfGwPR7aruQWR6CPSTl2wuUgBtlJdo9wDtBIlmPY%2F%2FIEePcV7CzFCTVakSfrcuMkWcCMZxy3YvvPx3GM3q9p%2FK2jJCffdV%2Fcx6R5CwDAVXamm809HdxS4nsalfl%2BaSBXuc--3%2F5n85u63mWOEB56--Kd8T3FKT7Ek2B1ErV8nPFg%3D%3D; path=/; httponly
Via: 1.1 heroku-router
X-Content-Type-Options: nosniff
X-Download-Options: noopen
X-Frame-Options: SAMEORIGIN
X-Permitted-Cross-Domain-Policies: none
X-Request-Id: 09f16623-5aa3-dfca-f8ea-686b58bebd80
X-Runtime: 0.004102
X-Xss-Protection: 1; mode=block
Date: Fri, 19 Dec 2025 00:33:54 GMT
Connection: close
Page title: Material Design Color Palette Generator - Material Palette
<!DOCTYPE html>
<html>
<head>
<title>Material Design Color Palette Generator - Material Palette</title>
<meta charset="utf-8">
<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Choose your favorite colors and get your Material Design palette generated and downloadable." >
<meta property="og:title" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:image" content="http://materialpalette.com/assets/facebook-e97d3446eefa01933d14bf4aa46907c0d3fcd4c2c17396b4a4731414992104b3.png">
<meta property="og:site_name" content="Material Palette - Material Design Color Palette Generator">
<meta property="og:url" content='http://materialpalette.com/'>
<meta property="og:description" content="Choose your favorite colors and get your Material Design palette generated and downloadable.">
<meta property="og:type" content="website">
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="UH_fHW0pAgyTr596LWvvshY_FfiW9w79-hf3SP1LTo_FRzkukQNMCiyF5NV99DmvrkoZlG13DFNQreAolbYtgQ" />
<link rel="icon" type="image/x-icon" href="/assets/favicon-0f3eb1b9f6d525e848b1dca6db1cabd2a3e9e843749cb9ad72222b80ab9fdf19.ico" />
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=materialpalettecom" id="_carbonads_js"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<script src="https://kit.fontawesome.com/5eeae64c4d.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="/assets/application-26d17a38795f28c9aacb2ae3c98434436046ce8d934771efbeee84b41aad906e.css" media="all" data-turbolinks-track="reload" />
<script src="/packs/js/application-c7da18e2566e99d71abd.js" data-turbolinks-track="reload"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-164128820-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-164128820-1');
</script>
</head>
<body>
<style>
.palette-share__menu li.active a, .palette-share__menu li:hover a {
background: #90a4ae;
}
</style>
<div class="palette-menu clearfix">
<h1>
<a href="/">
<span style="color: #90a4ae">material design</span> <span style="color: #ffb74d">palette</span>
</a> </h1>
<div class="right-section">
<a
class="shecodes-link"
href="https://www.shecodes.io/"
target="_blank"
>
<div class="tada animated">
<img src="/img/shecodes.png" alt="shecodes-logo" />
<span>Learn to code with SheCodes</span>
<i class="fas fa-arrow-right"></i>
</div>
</a>
</div>
</div>
<div data-react-class="Palette" data-react-props="{"colors":[{"name":"red","key":"red","android":"red","shades":{"50":{"hex":"#ffebee","contrast":"black"},"100":{"hex":"#ffcdd2","contrast":"black"},"200":{"hex":"#ef9a9a","contrast":"black"},"300":{"hex":"#e57373","contrast":"black"},"400":{"hex":"#ef5350","contrast":"black"},"500":{"hex":"#f44336","contrast":"white"},"600":{"hex":"#e53935","contrast":"white"},"700":{"hex":"#d32f2f","contrast":"white"},"800":{"hex":"#c62828","contrast":"white"},"900":{"hex":"#b71c1c",&