Theme Contest / Color Palette Challenge

Color Palette Challenge!

As of right now, we are looking for a change in color for our website, as these base colors are uncoordinated. With the logo contest, it seemed like the perfect idea to coordinate with a whole new theme. Along with this, if you entered the logo contest, this may be the chance to get a whole theme created by your ideas! So, I encourage you to take a shot.

The only thing I recommend is that your palette works as a neutral and dark theme. Other than that, you are free to customize as you please.

Examples

Great examples: x
Good examples: x x
Bad Examples: x No contrast and unreadable.

Ways to enter!

- Go this website [please make your pallete, go to examples and screenshot the website preview].
- Use an ultimate profile code to edit the colors of your profile.
- Photoshop/edit it yourself!
- Use inspect element to change the site's aspects and share away.

Prizes

Every entry will gain 1000 gems! [Limited at ten entries per person. If you are using the ultimate profile, I would suggest taking screenshots and then proceeding to save the code elsewhere to prevent making other accounts UNLESS you have the needed subaccounts.]
The grand prize winner will receive 30,000 gems.

Ultimate Profile Code

Code:
<style>

img {

    max-width: 100%;

    height: auto;

    display: none;

}

header {

    background: #DDDABC;

    box-shadow: 0 -3px #808B61 inset;

    padding: 20px 0;

}

body {

background: #B7C68B;

}

.navigate_section {

background: #5C6346; }

.breadcrumb {

background: #5C6346; }

.breadcrumb li a {

color: #E9E7D4;

}

.breadcrumb&gt;li+li:before {

    color: #E9E7D4;

}

.breadcrumb .active {

    color: #E9E7D4;

}

h3.catbg, h4.catbg, div.cat_bar {

background: #5C6346;

font-family: arial;

font-size: #px;

text-align: center;

Color: #E9E7D4; }

td {

color: #5C6346;

}

.windowbg {

background: #DDDABC;

font-family: arial;

font-size: #px ;

color: #013A89; }

.windowbg span.topslice span {

background: #DDDABC;  

}

.windowbg span.topslice {

background: #DDDABC;  

}

.windowbg span.botslice span {

background: #DDDABC;

}

.windowbg span.botslice {

background: #DDDABC; 

}

.poster h4 {

Background: #E9E7D4; 

}

.poster ul li  {

Background: #E9E7D4; }

a:visited {

color: #494F38;

}

.dropmenu li li

{

    width: 19em;

    padding: 3px;

    margin: 0;

    background: #5C6346;

}

.dropmenu li li a 

{

    color: #E9E7D4;

    padding: 4px 2px;

    border-radius: 3px;

}

.dropmenu li a.active

{

    color: #E9E7D4;

    background: #5C6346;

    border-radius: 3px;

}

.dropmenu li a.active:hover, .dropmenu li:hover a.active

{

     color: #E9E7D4 !important;

}

/* the hover effects */

.dropmenu li a.firstlevel:hover, .dropmenu li:hover a.firstlevel

{

    color: #E9E7D4;

    cursor: pointer;

    text-decoration: none;

}

/* the hover effects on level2 and 3 */

.dropmenu li li a:hover, .dropmenu li li:hover&gt;a

{

    background: #E9E7D4;

    text-decoration: none;

}

header ul.reset li, header ul.reset li a

{

    color: #5C6346;

    font-family: "Segoe UI";

    font-size: 11px;

}

header ul.reset li a:hover

{

    color: #E9E7D4;

    text-decoration: none;

}

footer

{

    margin-top: 20px;

    background: #5C6346;

    padding: 20px 0;

    text-align: center;

    box-shadow: 0 -7px #808B61;

    font-family: "Segoe UI";

}

footer, footer a

{

    color: #E9E7D4;

}

span.smalltext {

        color: #5C6346;

}

h1, h2, h3, h4, h5, h6 {

    color: #5C6346;

}

a:link {

    color: #494F38;

    text-decoration: none;

}

a:link, a:visited {

    color: #494F38;

    text-decoration: none;

}

a:visited {

    color: #494F38;

}

a.new_win {

color: #E9E7D4;

}

a.new_win:link, a.new_win:visited {

    color: #E9E7D4;

}

h3.catbg a:link, h3.catbg a:visited, h4.catbg a:link, h4.catbg a:visited, h3.catbg, .table_list tbody.header td, .table_list tbody.header td a {

    color: #E9E7D4;

}

.navbar-default .navbar-nav .active a {

background: #5C6346;

color: #E9E7D4;

text-shadow: 0 2px #808B61;

box-shadow: 0 -3px #808B61 inset; }

.navbar-default {

background: #5C6346;

color: #E9E7D4;

box-shadow: 0 -3px #808B61 inset; 

}

.navbar-default .navbar-nav li a {

color: #E9E7D4;

text-shadow: 0 2px #808B61; }

.navbar-default .navbar-nav .active a:hover, .navbar-default .navbar-nav  .open  a, .navbar-default .navbar-nav  .open a:hover, .navbar-default .navbar-nav  .open a:focus, .navbar-default .navbar-nav  li  a:hover, .navbar-default .navbar-nav  li  a:focus {

Background: #5C6346;

Color: #E9E7D4;

box-shadow: 0 -3px #808B61 inset; }

.dropdown-menu {

Background: #5C6346; 

}

input, button, select, textarea {

    font: 95%/115% verdana, Helvetica, sans-serif;

    color: #E9E7D4;

    background: #5C6346;

    padding: 2px;

}

.windowbg2 span.topslice span {

    display: block;

    background: #DDDABC;

    height: 11px;

    border-radius: 4px 4px 0 0;

}

.windowbg2 span.topslice {

    display: block;

    padding-left: 20px;

    background: #DDDABC;

    border-radius: 4px 4px 0 0;

}

.windowbg2 span.botslice span {

    display: block;

    background: #DDDABC;

    height: 11px;

    border-radius: 4px 4px 0 0;

}

.windowbg2 span.botslice {

    display: block;

    padding-left: 20px;

    background: #DDDABC;

    border-radius: 4px 4px 0 0;

}

.windowbg, #preview_body, .windowbg2, .windowbg3 {

    color: #5C6346;

}

</style>