Theme Contest / Color Palette Challenge

[Orion]

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>