Palette

by Erik Wegner

HTML

<ul>
<li class="p0">#000000</li>
<li class="p1">#4cc104</li>
<li class="p2">#231f20</li>
</ul>

<div class="text">
Text Text Text
</div>

<div class="footer">
Footer
</div>

CSS

li {
  display: block;
  height: 30px;
  width: 90px;
  color: #fff;
}

.p0 { background-color: #000; }
.p1 { background-color: #4cc104; }
.p2 { background-color: #231f20; }

.text {
  background-color: #ffffff;
  color: #5e5e5e;
  padding: 90px;
}

.footer {
  background-color: #231f20;
  color: #ddd;
  padding: 60px;
}