-
Notifications
You must be signed in to change notification settings - Fork 0
/
color-palettes.html
178 lines (175 loc) · 26.3 KB
/
color-palettes.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http:https://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Color pallets</title>
<link rel="stylesheet" href="css/color_palettes.css" />
</head>
<body align="center">
<div id="content" align="center">
<h1>Beautiful color pallets</h1>
<h2>Luxurious</h2>
<div class="palette_frame">
<img class="palette_pic" src="img/color palattes/luxurious.jpg" draggable="false"/>
<div id="p11" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color11" style="background-color:#fcf4ad"><br/><br/><span id="name11">Shalimar</span><br/><span class="copy" id="copy11">Copy</span><br/><span id="color11">#fcf4ad</span></div>
<div id="p12" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color12" style="background-color:#81956b"><br/><br/><span id="name12">Amulet</span><br/><span class="copy" id="copy12">Copy</span><br/><span id="color12">#81956b</span></div>
<div id="p13" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color13" style="background-color:#e0dfdb"><br/><br/><span id="name13">Vista white</span><br/><span class="copy" id="copy13">Copy</span><br/><span id="color13">#e0dfdb</span></div>
<div id="p14" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color14" style="background-color:#28211e;color:white"><br/><br/><span id="name14">Nero</span><br/><span class="copy" id="copy14">Copy</span><br/><span id="color14">#28211e</span></div>
</div>
<h2>Professional</h2>
<div class="palette_frame">
<img class="palette_pic" src="img/color palattes/professional.jpg" draggable="false"/>
<div id="p21" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color21" style="background-color:#9ea9a5"><br/><br/><span id="name21">Tower grey</span><br/><span class="copy" id="copy21">Copy</span><br/><span id="color21">#9ea9a5</span></div>
<div id="p22" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color22" style="background-color:#3b6fb0"><br/><br/><span id="name22">Lochmara</span><br/><span class="copy" id="copy22">Copy</span><br/><span id="color22">#3b6fb0</span></div>
<div id="p23" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color23" style="background-color:#d53430"><br/><br/><span id="name23">Persian red</span><br/><span class="copy" id="copy23">Copy</span><br/><span id="color23">#d53430</span></div>
<div id="p24" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color24" style="background-color:#d1936a"><br/><br/><span id="name24">Whiskey</span><br/><span class="copy" id="copy24">Copy</span><br/><span id="color24">#d1936a</span></div>
</div>
<h2>Modern But Muted</h2>
<div class="palette_frame">
<img class="palette_pic" src="img/color palattes/modern but muted.jpg" draggable="false"/>
<div id="p31" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color31" style="background-color:#d5af9f"><br/><br/><span id="name31">Cashmere</span><br/><span class="copy" id="copy31">Copy</span><br/><span id="color31">#d5af9f</span></div>
<div id="p32" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color32" style="background-color:#de6c66"><br/><br/><span id="name32">sunglo</span><br/><span class="copy" id="copy32">Copy</span><br/><span id="color32">#de6c66</span></div>
<div id="p33" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color33" style="background-color:#318483"><br/><br/><span id="name33">paradiso</span><br/><span class="copy" id="copy33">Copy</span><br/><span id="color33">#318483</span></div>
<div id="p34" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color34" style="background-color:#e2dfda"><br/><br/><span id="name34">Vista white</span><br/><span class="copy" id="copy34">Copy</span><br/><span id="color34">#e2dfda</span></div>
</div>
<h2>Royal</h2>
<div class="palette_frame">
<img class="palette_pic" src="img/color palattes/royal.jpg" draggable="false"/>
<div id="p41" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color41" style="background-color:#7c502d"><br/><br/><span id="name41">Korma</span><br/><span class="copy" id="copy41">Copy</span><br/><span id="color41">#7c502d</span></div>
<div id="p42" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color42" style="background-color:#b06826"><br/><br/><span id="name42">Reno sand</span><br/><span class="copy" id="copy42">Copy</span><br/><span id="color42">#b06826</span></div>
<div id="p43" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color43" style="background-color:#fcb05e"><br/><br/><span id="name43">Rajah</span><br/><span class="copy" id="copy43">Copy</span><br/><span id="color43">#fcb05e</span></div>
<div id="p44" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color44" style="background-color:#e5d09d"><br/><br/><span id="name44">Colonial white</span><br/><span class="copy" id="copy44">Copy</span><br/><span id="color44">#e5d09d</span></div>
</div>
<h2>Retro</h2>
<div class="palette_frame">
<img class="palette_pic" src="img/color palattes/retro.jpg" draggable="false"/>
<div id="p51" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color51" style="background-color:#309d91"><br/><br/><span id="name51">Java</span><br/><span class="copy" id="copy51">Copy</span><br/><span id="color51">#309d91</span></div>
<div id="p52" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color52" style="background-color:#e59009"><br/><br/><span id="name52">Ramboge</span><br/><span class="copy" id="copy52">Copy</span><br/><span id="color52">#e59009</span></div>
<div id="p53" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color53" style="background-color:#b05786"><br/><br/><span id="name53">Royal heath</span><br/><span class="copy" id="copy53">Copy</span><br/><span id="color53">#b05786</span></div>
<div id="p54" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color54" style="background-color:#2a2f37"><br/><br/><span id="name54">Black rock</span><br/><span class="copy" id="copy54">Copy</span><br/><span id="color54">#2a2f37</span></div>
</div>
<h2>Warm and Striking</h2>
<div class="palette_frame">
<img class="palette_pic" src="img/color palattes/warm.jpg" draggable="false"/>
<div id="p61" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color61" style="background-color:#f0622b"><br/><br/><span id="name61">Outrageous orange</span><br/><span class="copy" id="copy61">Copy</span><br/><span id="color61">#f0622b</span></div>
<div id="p62" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color62" style="background-color:#65170d"><br/><br/><span id="name62">Red oxide</span><br/><span class="copy" id="copy62">Copy</span><br/><span id="color62">#65170d</span></div>
<div id="p63" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color63" style="background-color:#e19d56"><br/><br/><span id="name63">Porshe</span><br/><span class="copy" id="copy63">Copy</span><br/><span id="color63">#e19d56</span></div>
<div id="p64" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color64" style="background-color:#bfbeba"><br/><br/><span id="name64">Pale slate</span><br/><span class="copy" id="copy64">Copy</span><br/><span id="color64">#bfbeba</span></div>
</div>
<h2>Down to Earth</h2>
<div class="palette_frame">
<img class="palette_pic" src="img/color palattes/down 2 earth.jpg" draggable="false"/>
<div id="p71" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color71" style="background-color:#3c5156"><br/><br/><span id="name71">Oracle</span><br/><span class="copy" id="copy71">Copy</span><br/><span id="color71">#3c5156</span></div>
<div id="p72" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color72" style="background-color:#f5dcdc"><br/><br/><span id="name72">Soft peach</span><br/><span class="copy" id="copy72">Copy</span><br/><span id="color72">#f5dcdc</span></div>
<div id="p73" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color73" style="background-color:#caad60"><br/><br/><span id="name73">Laser</span><br/><span class="copy" id="copy73">Copy</span><br/><span id="color73">#caad60</span></div>
<div id="p74" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color74" style="background-color:#a0a876"><br/><br/><span id="name74">Locust</span><br/><span class="copy" id="copy74">Copy</span><br/><span id="color74">#a0a876</span></div>
</div>
<h2>Campfire</h2>
<div class="palette_frame">
<img class="palette_pic" src="img/color palattes/campfire.jpg" draggable="false"/>
<div id="p81" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color81" style="background-color:#ef811e"><br/><br/><span id="name81">Carrot orange</span><br/><span class="copy" id="copy81">Copy</span><br/><span id="color81">#ef811e</span></div>
<div id="p82" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color82" style="background-color:#fcc023"><br/><br/><span id="name82">Moon yellow</span><br/><span class="copy" id="copy82">Copy</span><br/><span id="color82">#fcc023</span></div>
<div id="p83" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color83" style="background-color:#b75628"><br/><br/><span id="name83">Fiery orange</span><br/><span class="copy" id="copy83">Copy</span><br/><span id="color83">#b75628</span></div>
<div id="p84" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color84" style="background-color:#513b30"><br/><br/><span id="name84">Cocoa bean</span><br/><span class="copy" id="copy84">Copy</span><br/><span id="color84">#513b30</span></div>
</div>
<h2>Monochromatic Theme</h2>
<div class="palette_frame">
<img class="palette_pic" src="img/color palattes/monochromatic.jpg" draggable="false"/>
<div id="p91" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color91" style="background-color:#dbdbe3"><br/><br/><span id="name91">Titan white</span><br/><span class="copy" id="copy91">Copy</span><br/><span id="color91">#dbdbe3</span></div>
<div id="p92" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color92" style="background-color:#7d8e9a"><br/><br/><span id="name92">Light slate grey</span><br/><span class="copy" id="copy92">Copy</span><br/><span id="color92">#7d8e9a</span></div>
<div id="p93" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color93" style="background-color:#367d4d"><br/><br/><span id="name93">Amazon</span><br/><span class="copy" id="copy93">Copy</span><br/><span id="color93">#367d4d</span></div>
<div id="p94" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color94" style="background-color:#103442"><br/><br/><span id="name94">Blue whale</span><br/><span class="copy" id="copy94">Copy</span><br/><span id="color94">#103442</span></div>
</div>
<h2>Modern and clean</h2>
<div class="palette_frame">
<img class="palette_pic" src="img/color palattes/modern and clean.jpg" draggable="false"/>
<div id="p101" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color101" style="background-color:#f78496"><br/><br/><span id="name101">Wewak</span><br/><span class="copy" id="copy101">Copy</span><br/><span id="color101">#f78496</span></div>
<div id="p102" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color102" style="background-color:#255e75"><br/><br/><span id="name102">Orient</span><br/><span class="copy" id="copy102">Copy</span><br/><span id="color102">#255e75</span></div>
<div id="p103" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color103" style="background-color:#da9c60"><br/><br/><span id="name103">Porsche</span><br/><span class="copy" id="copy103">Copy</span><br/><span id="color103">#da9c60</span></div>
<div id="p104" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color104" style="background-color:#ed642b"><br/><br/><span id="name104">Sorbus</span><br/><span class="copy" id="copy104">Copy</span><br/><span id="color104">#ed642b</span></div>
</div>
<h2>Tropical</h2>
<div class="palette_frame">
<img class="palette_pic" src="img/color palattes/tropical.jpg" draggable="false"/>
<div id="P111" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color111" style="background-color:#345e0a"><br/><br/><span id="name111">Verdun green</span><br/><span class="copy" id="copy111">Copy</span><br/><span id="color111">#345e0a</span></div>
<div id="p112" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color112" style="background-color:#e83990"><br/><br/><span id="name112">Deep cerise</span><br/><span class="copy" id="copy112">Copy</span><br/><span id="color112">#e83990</span></div>
<div id="p113" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color113" style="background-color:#7a3d4e"><br/><br/><span id="name113">Camelote</span><br/><span class="copy" id="copy113">Copy</span><br/><span id="color113">#7a3d4e</span></div>
<div id="p114" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color114" style="background-color:#78a817"><br/><br/><span id="name114">Christi</span><br/><span class="copy" id="copy114">Copy</span><br/><span id="color114">#78a817</span></div>
</div>
<h2>Chocolates and Wafers</h2>
<div class="palette_frame">
<img class="palette_pic" src="img/color palattes/chocolates.jpg" draggable="false"/>
<div id="p121" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color121" style="background-color:#6c2a0a"><br/><br/><span id="name121">Baker's choclate</span><br/><span class="copy" id="copy121">Copy</span><br/><span id="color121">#6c2a0a</span></div>
<div id="p122" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color122" style="background-color:#d8bb8d"><br/><br/><span id="name122">Brandy</span><br/><span class="copy" id="copy122">Copy</span><br/><span id="color122">#d8bb8d</span></div>
<div id="p123" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color123" style="background-color:#986a26"><br/><br/><span id="name123">Buttered rum</span><br/><span class="copy" id="copy123">Copy</span><br/><span id="color123">#986a26</span></div>
<div id="p124" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color124" style="background-color:#95938f"><br/><br/><span id="name124">Delta</span><br/><span class="copy" id="copy124">Copy</span><br/><span id="color124">#95938f</span></div>
</div>
<h2>Morning Woods</h2>
<div class="palette_frame">
<img class="palette_pic" src="img/color palattes/morning woods.jpg" draggable="false"/>
<div id="p131" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color131" style="background-color:#a77d69"><br/><br/><span id="name131">Medium wood</span><br/><span class="copy" id="copy131">Copy</span><br/><span id="color131">#a77d69</span></div>
<div id="p132" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color132" style="background-color:#08457e"><br/><br/><span id="name132">Dark cerulean</span><br/><span class="copy" id="copy132">Copy</span><br/><span id="color132">#08457e</span></div>
<div id="p133" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color133" style="background-color:#bbac9f"><br/><br/><span id="name133">Silk</span><br/><span class="copy" id="copy133">Copy</span><br/><span id="color133">#bbac9f</span></div>
<div id="p134" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color134" style="background-color:#eeeded"><br/><br/><span id="name134">Lilly white</span><br/><span class="copy" id="copy134">Copy</span><br/><span id="color134">#eeeded</span></div>
</div>
<h2>Happy and Cheerful</h2>
<div class="palette_frame">
<img class="palette_pic" src="img/color palattes/cheerful.jpg" draggable="false"/>
<div id="p141" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color141" style="background-color:#e0dbd2"><br/><br/><span id="name141">Merino</span><br/><span class="copy" id="copy141">Copy</span><br/><span id="color141">#e0dbd2</span></div>
<div id="p142" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color142" style="background-color:#ba9b82"><br/><br/><span id="name142">Pale taupe</span><br/><span class="copy" id="copy142">Copy</span><br/><span id="color142">#ba9b82</span></div>
<div id="p143" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color143" style="background-color:#7b7e4a"><br/><br/><span id="name143">Go ben</span><br/><span class="copy" id="copy143">Copy</span><br/><span id="color143">#7b7e4a</span></div>
<div id="p144" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color144" style="background-color:#e5b2b7"><br/><br/><span id="name144">Blossom</span><br/><span class="copy" id="copy144">Copy</span><br/><span id="color144">#e5b2b7</span></div>
</div>
<h2>Vintage Looks</h2>
<div class="palette_frame">
<img class="palette_pic" src="img/color palattes/vintage looks.jpg" draggable="false"/>
<div id="p151" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color151" style="background-color:#5a6f6f"><br/><br/><span id="name151">Willium</span><br/><span class="copy" id="copy151">Copy</span><br/><span id="color151">#5a6f6f</span></div>
<div id="p152" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color152" style="background-color:#d0c4b9"><br/><br/><span id="name152">Stark white</span><br/><span class="copy" id="copy152">Copy</span><br/><span id="color152">#d0c4b9</span></div>
<div id="p153" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color153" style="background-color:#e2b091"><br/><br/><span id="name153">Nude</span><br/><span class="copy" id="copy153">Copy</span><br/><span id="color153">#e2b091</span></div>
<div id="p154" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color154" style="background-color:#497d8f"><br/><br/><span id="name154">Jelly bean</span><br/><span class="copy" id="copy154">Copy</span><br/><span id="color154">#497d8f</span></div>
</div>
<h2>Romantic</h2>
<div class="palette_frame">
<img class="palette_pic" src="img/color palattes/romantic.jpg" draggable="false"/>
<div id="p161" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color161" style="background-color:#e8cac1"><br/><br/><span id="name161">Dust storm</span><br/><span class="copy" id="copy161">Copy</span><br/><span id="color161">#e8cac1</span></div>
<div id="p162" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color162" style="background-color:#f6b0a7"><br/><br/><span id="name162">Sundown</span><br/><span class="copy" id="copy162">Copy</span><br/><span id="color162">#f6b0a7</span></div>
<div id="p163" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color163" style="background-color:#efdfd2"><br/><br/><span id="name163">Pot Pourri</span><br/><span class="copy" id="copy163">Copy</span><br/><span id="color163">#efdfd2</span></div>
<div id="p164" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color164" style="background-color:#e4af8c"><br/><br/><span id="name164">Brandy</span><br/><span class="copy" id="copy164">Copy</span><br/><span id="color164">#e4af8c</span></div>
</div>
<h2>Fresh</h2>
<div class="palette_frame">
<img class="palette_pic" src="img/color palattes/fresh.jpg" draggable="false"/>
<div id="p171" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color171" style="background-color:#0f80c7"><br/><br/><span id="name171">Bondi blue</span><br/><span class="copy" id="copy171">Copy</span><br/><span id="color171">#0f80c7</span></div>
<div id="p172" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color172" style="background-color:#f9ebda"><br/><br/><span id="name172">Island spice</span><br/><span class="copy" id="copy172">Copy</span><br/><span id="color172">#f9ebda</span></div>
<div id="p173" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color173" style="background-color:#f08d50"><br/><br/><span id="name173">Crusta</span><br/><span class="copy" id="copy173">Copy</span><br/><span id="color173">#f08d50</span></div>
<div id="p174" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color174" style="background-color:#d0bdab"><br/><br/><span id="name174">Soft amber</span><br/><span class="copy" id="copy174">Copy</span><br/><span id="color174">#d0bdab</span></div>
</div>
<h2>Puzzle</h2>
<div class="palette_frame">
<img class="palette_pic" src="img/color palattes/puzzle.jpg"draggable="false" />
<div id="p181" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color181" style="background-color:#9f3630"><br/><br/><span id="name181">Milano red</span><br/><span class="copy" id="copy181">Copy</span><br/><span id="color181">#9f3630</span></div>
<div id="p182" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color182" style="background-color:#ecb467"><br/><br/><span id="name182">Harvest gold</span><br/><span class="copy" id="copy182">Copy</span><br/><span id="color182">#ecb467</span></div>
<div id="p183" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color183" style="background-color:#135eba"><br/><br/><span id="name183">Denim</span><br/><span class="copy" id="copy183">Copy</span><br/><span id="color183">#135eba</span></div>
<div id="p184" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color184" style="background-color:#7f7477"><br/><br/><span id="name184">Monsoon</span><br/><span class="copy" id="copy184">Copy</span><br/><span id="color184">#7f7477</span></div>
</div>
<h2>Earth Tones</h2>
<div class="palette_frame">
<img class="palette_pic" src="img/color palattes/earth tones.jpg" draggable="false"/>
<div id="p191" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color191" style="background-color:#6b5e49"><br/><br/><span id="name191">Domino</span><br/><span class="copy" id="copy191">Copy</span><br/><span id="color191">#6b5e49</span></div>
<div id="p192" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color192" style="background-color:#96887c"><br/><br/><span id="name192">Heathered grey</span><br/><span class="copy" id="copy192">Copy</span><br/><span id="color192">#96887c</span></div>
<div id="p193" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color193" style="background-color:#556057"><br/><br/><span id="name193">Mineral green</span><br/><span class="copy" id="copy193">Copy</span><br/><span id="color193">#556057</span></div>
<div id="p194" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color194" style="background-color:#d7e1e7"><br/><br/><span id="name194">Zircon</span><br/><span class="copy" id="copy194">Copy</span><br/><span id="color194">#d7e1e7</span></div>
</div>
<h2>Shades of Grey</h2>
<div class="palette_frame">
<img class="palette_pic" src="img/color palattes/shades of grey.jpg" draggable="false"/>
<div id="p201" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color201" style="background-color:#f7f7f7"><br/><br/><span id="name201">Smoke white</span><br/><span class="copy" id="copy201">Copy</span><br/><span id="color201">#f7f7f7</span></div>
<div id="p202" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color202" style="background-color:#484848"><br/><br/><span id="name202">Armadillo</span><br/><span class="copy" id="copy202">Copy</span><br/><span id="color202">#484848</span></div>
<div id="p203" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color203" style="background-color:#cecece"><br/><br/><span id="name203">Light grey</span><br/><span class="copy" id="copy203">Copy</span><br/><span id="color203">#cecece</span></div>
<div id="p204" class="palette" onmouseover="show_copy(this)" onmouseout="hide_copy(this)" data-clipboard-target="#color204" style="background-color:#9d9d9d"><br/><br/><span id="name204">Shady lady</span><br/><span class="copy" id="copy204">Copy</span><br/><span id="color204">#9d9d9d</span></div>
</div>
</div>
<script type="text/javascript" src="library/clipboard.min.js"></script>
<script type="text/javascript" src="javascript/color_palettes.js"></script>
</body>
</html>