Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Fetching contributors…

Cannot retrieve contributors at this time

325 lines (303 sloc) 7.118 kb
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Color Palette by Color Scheme Generator</title>
<meta name="generator" content="ColorSchemeGenerator.com">
<style type="text/css">
/* Palette color codes */
/* Feel free to copy&paste color codes to your application */
.primary-1 { background-color: #E66A17 }
.primary-2 { background-color: #8F5F3F }
.primary-3 { background-color: #6D2E03 }
.primary-4 { background-color: #F9A56D }
.primary-5 { background-color: #F9CDB0 }
.secondary-a-1 { background-color: #65189A }
.secondary-a-2 { background-color: #4C2D60 }
.secondary-a-3 { background-color: #2D0349 }
.secondary-a-4 { background-color: #B56CE6 }
.secondary-a-5 { background-color: #CCA7E6 }
.secondary-b-1 { background-color: #E6E217 }
.secondary-b-2 { background-color: #8F8E3F }
.secondary-b-3 { background-color: #6D6B03 }
.secondary-b-4 { background-color: #F9F66D }
.secondary-b-5 { background-color: #F9F7B0 }
.complement-1 { background-color: #0F917B }
.complement-2 { background-color: #285B52 }
.complement-3 { background-color: #02453A }
.complement-4 { background-color: #64E4CE }
.complement-5 { background-color: #A1E4D8 }
/* end */
body {
margin:0; padding: 2em;
background:white;
color: #666;
font: 75%/1.33 Verdana, sans-serif;
text-align:left;
}
h1 {
margin: 0.5em 0;
font-size: 200%;
}
p {
margin: 0.5em 0;
}
.color-table {
margin: 2em 2em 5em;
border-collapse:collapse;
border:none;
border-spacing:0;
font-size:100%;
}
.color-table th {
padding: 0 1em 0 0;
text-align:right;
vertical-align: middle;
font-size:110%;
border: none;
}
.color-table td.sample {
width:10em; height:8em;
padding: 10px;
text-align:center;
vertical-align:middle;
font-size:90%;
border: 1px solid white;
white-space:nowrap;
}
.color-table.small td.sample {
width:4em; height:4em;
padding:0;
border:none;
}
.color-table .white { margin-bottom:0.2em; color:white }
.color-table .black { margin-top:0.2em; color:black }
hr {
border:none;
border-bottom:1px solid silver;
}
#footer {
padding:1em;
text-align:center;
font-size:80%;
}
</style>
</head>
<body>
<h1>Color Palette by Color Scheme Designer</h1>
<p>Palette URL: <a href="http://colorschemedesigner.com/#0p402sOsOK-K-">http://colorschemedesigner.com/#0p402sOsOK-K-</a></p>
<p>Color Space: RGB; </p>
<table class="color-table">
<tbody><tr>
<th>Primary Color:</th>
<td class="sample primary-1">
<div class="white">
<strong>E66A17</strong>
</div>
<div class="black">
<strong>E66A17</strong>
</div>
</td>
<td class="sample primary-2">
<div class="white">
<strong>8F5F3F</strong>
</div>
<div class="black">
<strong>8F5F3F</strong>
</div>
</td>
<td class="sample primary-3">
<div class="white">
<strong>6D2E03</strong>
</div>
<div class="black">
<strong>6D2E03</strong>
</div>
</td>
<td class="sample primary-4">
<div class="white">
<strong>F9A56D</strong>
</div>
<div class="black">
<strong>F9A56D</strong>
</div>
</td>
<td class="sample primary-5">
<div class="white">
<strong>F9CDB0</strong>
</div>
<div class="black">
<strong>F9CDB0</strong>
</div>
</td>
</tr>
<tr>
<th>Secondary Color A:</th>
<td class="sample secondary-a-1">
<div class="white">
<strong>65189A</strong>
</div>
<div class="black">
<strong>65189A</strong>
</div>
</td>
<td class="sample secondary-a-2">
<div class="white">
<strong>4C2D60</strong>
</div>
<div class="black">
<strong>4C2D60</strong>
</div>
</td>
<td class="sample secondary-a-3">
<div class="white">
<strong>2D0349</strong>
</div>
<div class="black">
<strong>2D0349</strong>
</div>
</td>
<td class="sample secondary-a-4">
<div class="white">
<strong>B56CE6</strong>
</div>
<div class="black">
<strong>B56CE6</strong>
</div>
</td>
<td class="sample secondary-a-5">
<div class="white">
<strong>CCA7E6</strong>
</div>
<div class="black">
<strong>CCA7E6</strong>
</div>
</td>
</tr>
<tr>
<th>Secondary Color B:</th>
<td class="sample secondary-b-1">
<div class="white">
<strong>E6E217</strong>
</div>
<div class="black">
<strong>E6E217</strong>
</div>
</td>
<td class="sample secondary-b-2">
<div class="white">
<strong>8F8E3F</strong>
</div>
<div class="black">
<strong>8F8E3F</strong>
</div>
</td>
<td class="sample secondary-b-3">
<div class="white">
<strong>6D6B03</strong>
</div>
<div class="black">
<strong>6D6B03</strong>
</div>
</td>
<td class="sample secondary-b-4">
<div class="white">
<strong>F9F66D</strong>
</div>
<div class="black">
<strong>F9F66D</strong>
</div>
</td>
<td class="sample secondary-b-5">
<div class="white">
<strong>F9F7B0</strong>
</div>
<div class="black">
<strong>F9F7B0</strong>
</div>
</td>
</tr>
<tr>
<th>Complementary Color:</th>
<td class="sample complement-1">
<div class="white">
<strong>0F917B</strong>
</div>
<div class="black">
<strong>0F917B</strong>
</div>
</td>
<td class="sample complement-2">
<div class="white">
<strong>285B52</strong>
</div>
<div class="black">
<strong>285B52</strong>
</div>
</td>
<td class="sample complement-3">
<div class="white">
<strong>02453A</strong>
</div>
<div class="black">
<strong>02453A</strong>
</div>
</td>
<td class="sample complement-4">
<div class="white">
<strong>64E4CE</strong>
</div>
<div class="black">
<strong>64E4CE</strong>
</div>
</td>
<td class="sample complement-5">
<div class="white">
<strong>A1E4D8</strong>
</div>
<div class="black">
<strong>A1E4D8</strong>
</div>
</td>
</tr>
</tbody></table>
<table class="color-table small">
<tbody><tr>
<th>Primary Color:</th>
<td class="sample primary-1"></td>
<td class="sample primary-2"></td>
<td class="sample primary-3"></td>
<td class="sample primary-4"></td>
<td class="sample primary-5"></td>
</tr>
<tr>
<th>Secondary Color A:</th>
<td class="sample secondary-a-1"></td>
<td class="sample secondary-a-2"></td>
<td class="sample secondary-a-3"></td>
<td class="sample secondary-a-4"></td>
<td class="sample secondary-a-5"></td>
</tr>
<tr>
<th>Secondary Color B:</th>
<td class="sample secondary-b-1"></td>
<td class="sample secondary-b-2"></td>
<td class="sample secondary-b-3"></td>
<td class="sample secondary-b-4"></td>
<td class="sample secondary-b-5"></td>
</tr>
<tr>
<th>Complementary Color:</th>
<td class="sample complement-1"></td>
<td class="sample complement-2"></td>
<td class="sample complement-3"></td>
<td class="sample complement-4"></td>
<td class="sample complement-5"></td>
</tr>
</tbody></table>
<p>
See the HTML source for more details.<br>
Use the <em>Save / Save As...</em> command in your browser to store the HTML for latter use.
</p>
<hr>
<p id="footer">Generated by <a href="http://colorschemedesigner.com/">Color Scheme Designer</a> © Petr Stanicek 2002-2010</p>
</body></html>
Jump to Line
Something went wrong with that request. Please try again.