Color Schemes: Darks and Neutrals

Ranked #3,728 in Squidoo Community, #266,519 overall

The Darks and Neutrals

I have been slowly dividing up my color schemes lens. The way I look at it, it makes the lenses more focused to whatever everyone needs. Everyone can go to the color scheme lens that is catered to their objective and in exchange, it will be easier to find the lens you are looking for. Having color schemes are easy to have so that you don't have to think about the codes even if you are a season pro to writing your own HTML and CSS.

The Original Lens

Loading

Dotted

<p style="border:dotted 2px #808080; background: #000000; padding: 5px;color: #ffffff">Your Text Here </p>



Neutral
<p style="border:solid 2px #CC6600; background: #CCCC99; padding: 5px">Your Text Here </p>



Neutral
<p style="border:solid 2px #000000; background: #CCCC99; padding: 5px">Your Text Here </p>



<p style="border:dotted 2px #000000; background: #663300; padding: 5px">Your Text Here </p>



<p style="border:dotted 2px #FFA500; background: #663300; padding: 5px">Your Text Here </p>

Double

<p style="border:double 5px #0000FF; background: #000000; padding: 5px;color: #ffffff">Your Text Here </p>



<p style="border:double 5px #FF00FF; background: #000000; padding: 5px;color: #ffffff">Your Text Here </p>



<p style="border:double 5px #00FFFF; background: #000000; padding: 5px;color: #ffffff">Your Text Here </p>



<p style="border:double 5px #FFFF00; background: #000000; padding: 5px;color: #ffffff">



<p style="border:double 5px #808080; background: #000000; padding: 5px;color: #ffffff">Your Text Here </p>



<p style="border:double 5px #00FF00; background: #000000; padding: 5px;color: #ffffff">Your Text Here </p>



<p style="border:double 5px #FFA500; background: #663300; padding: 5px">Your Text Here </p>



<p style="border:double 5px #000000; background: #663300; padding: 5px">Your Text Here </p>



<p style="border: solid 2px #000000;; background: #999999; padding: 5px; color: #ffffff">Your Text Here </p>



<p style="border: solid 2px #000000; background: #666666; padding: 5px; color: #ffffff">Your Text Here </p>



<p style="border: solid 2px #C0C0C0; background: #666666; padding: 5px; color: #ffffff">Your Text Here </p>

Rounded Corners

<p style="border:double 5px #0000FF; background: #000000; padding: 5px;color: #ffffff; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;">Your Text Here </p>



<p style="border:double 5px #FF00FF; background: #000000; padding: 5px;color: #ffffff; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; ">Your Text Here </p>



<p style="border:double 5px #00FFFF; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; background: #000000; padding: 5px;color: #ffffff;">Your Text Here </p>



<p style="border:double 5px #FFFF00; background: #000000; padding: 5px;color: #ffffff; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;">

<p style="border:double 6px #8B4513; background: #EEE8AA; padding: 5px;-moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;">Your Text Here </p>

<p style="border:double 6px #330033; background: #DCDCDC; padding: 5px;-moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;">Your Text Here </p>



<p style="border:double 6px #4682B4; background: #DCDCDC; padding: 5px;-moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;">Your Text Here </p>



<p style="border:double 6px #006400; background: #DCDCDC; padding: 5px;-moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;">Your Text Here </p>



<p style="border:double 6px #008B8B; background: #DCDCDC; padding: 5px;-moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;">Your Text Here </p>



<p style="border:double 6px #8B4513; background: #DCDCDC; padding: 5px;-moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;">Your Text Here </p>



<p style="border:double 6px #008000; background: #DCDCDC; padding: 5px;-moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;">Your Text Here </p>



<p style="border:double 6px #008080; background: #DCDCDC; padding: 5px;-moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;">Your Text Here </p>



<p style="border:double 6px #32CD32; background: #DCDCDC; padding: 5px;-moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;">Your Text Here </p>



<p style="border:double 6px #2F4F4F; background: #DCDCDC; padding: 5px;-moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;">Your Text Here </p>



<p style="border:double 6px #800000; background: #DCDCDC; padding: 5px;-moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;">Your Text Here </p>



<p style="border:double 6px #000080; background: #DCDCDC; padding: 5px;-moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;">Your Text Here </p>



<p style="border:double 6px #FF0000; background: #DCDCDC; padding: 5px;-moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;">Your Text Here </p>



<p style="border:double 6px #483D8B; background: #DCDCDC; padding: 5px;-moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;">Your Text Here </p>



<p style="border:double 6px #8B0000; background: #DCDCDC; padding: 5px;-moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;">Your Text Here </p>



<p style="border:double 6px #C71585; background: #DCDCDC; padding: 5px;-moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;">Your Text Here </p>



<p style="border:double 6px #FF4500; background: #DCDCDC; padding: 5px;-moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;">Your Text Here </p>



<p style="border:double 6px #BDB76B; background: #DCDCDC; padding: 5px;-moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;">Your Text Here </p>

Solid

<p style="border:solid 2px #808080; background: #000000; padding: 5px;color: #ffffff"> Your Text Here </p>



<p style="border:solid 2px #C0C0C0; background: #000000; padding: 5px;color: #ffffff"> Your Text Here </p>



<p style="border:solid 2px #00FF00; background: #000000; padding: 5px;color: #ffffff"> Your Text Here </p>



<p style="border:solid 2px #0000FF; background: #000000; padding: 5px;color: #ffffff"> Your Text Here </p>



<p style="border:solid 2px #000080; background: #000000; padding: 5px;color: #ffffff"> Your Text Here </p>



<p style="border:solid 2px #000000; background: #663300; padding: 5px">Your Text Here </p>



<p style="border:solid 2px #FFA500; background: #663300; padding: 5px">Your Text Here </p>



<p style="border: solid 2px #C0C0C0; background: #666666; padding: 5px; color: #ffffff">Your Text Here </p>



<p style="border: solid 2px #000000; background: #666666; padding: 5px; color: #ffffff">Your Text Here </p>



<p style="border: solid 2px #000000;; background: #999999; padding: 5px; color: #ffffff">Your Text Here </p>

Neutral
<p style="border:solid 2px #CC6600; background: #CCCC99; padding: 5px">Your Text Here </p>



Neutral
<p style="border:solid 2px #000000; background: #CCCC99; padding: 5px">Your Text Here </p>

Is There Any Schemes I Missing?


Feel free to leave your comments here.
Do you want to create a lens like this one? Just click here to start writing your lens today.

submit

by

Trekkiemelissa

Hello my name is Melissa. I also love Star Trek and used to be addicted to star trek simming. With the writing of articles online, that addiction has gone... more »

Feeling creative? Create a Lens!