Colors

Colors add personality and theme to your page. See colors being applied to a theme.


000000
444444
111111
888888
222222
cccccc
dddddd
333333
eeeeee
666666
ffffff
999999
222222
999999
333333
b2b2b2
4c4c4c
cccccc
666666
e5e5e5
808080
FFFFFF
999999
191919
b2b2b2
333333
cccccc
4c4c4c
dddddd
666666
222222
e33232
580000
ea6565
840000
f19999
b00000
f8cccc
DD0000
FFFFFF
e33232
580000
ea6565
840000
f19999
b00000
dddddd
dd0000
222222
e39232
582f00
eaad65
844700
f1c899
b05f00
f8e3cc
DD7700
FFFFFF
e39232
582f00
eaad65
844700
f1c899
b05f00
dddddd
dd7700
222222
f1d632
5f5100
f4e065
8e7a00
f8ea99
bea300
fbf4cc
eecc00
FFFFFF
f1d632
5f5100
f4e065
8e7a00
f8ea99
bea300
dddddd
eecc00
222222
9fbb32
364400
b7cc65
516600
cfdd99
6c8800
e7eecc
88AA00
FFFFFF
9fbb32
364400
b7cc65
516600
cfdd99
6c8800
dddddd
88aa00
222222
329f32
003600
65b765
005100
99cf99
006c00
cce7cc
008800
FFFFFF
329f32
003600
65b765
005100
99cf99
006c00
dddddd
008800
222222
329fbb
003644
65b7cc
005166
99cfdd
006c88
cce7ee
0088AA
FFFFFF
329fbb
003644
65b7cc
005166
99cfdd
006c88
dddddd
0088aa
222222
3284d6
002851
65a3e0
003d7a
99c1ea
0051a3
cce0f4
0066CC
FFFFFF
3284d6
002851
65a3e0
003d7a
99c1ea
0051a3
dddddd
0066cc
222222
4e69e3
0d1b58
7a8eea
142884
a6b4f1
1b36b0
d2d9f8
2244DD
FFFFFF
4e69e3
0d1b58
7a8eea
142884
a6b4f1
1b36b0
dddddd
2244dd
222222
9f4ef1
360d5f
b77af4
51148e
cfa6f8
6c1bbe
e7d2fb
8822ee
FFFFFF
9f4ef1
360d5f
b77af4
51148e
cfa6f8
6c1bbe
dddddd
8822ee
222222
ad4ead
3d0d3d
c17ac1
5b145b
d6a6d6
7a1b7a
ead2ea
992299
FFFFFF
ad4ead
3d0d3d
c17ac1
5b145b
d6a6d6
7a1b7a
dddddd
992299
222222
d63284
510028
e065a3
7a003d
ea99c1
a30051
f4cce0
CC0066
FFFFFF
d63284
510028
e065a3
7a003d
ea99c1
a30051
dddddd
cc0066
grayscale.svg
colorscale-v.svg
// #0066CC
$bg_9_1 : #222222;
$bg_9_2 : #002851;
$bg_9_3 : #003d7a;
$bg_9_4 : #0051a3;
$bg_9_5 : #0066CC;
$bg_9_6 : #3284d6;
$bg_9_7 : #65a3e0;
$bg_9_8 : #99c1ea;
$bg_9_9 : #dddddd;
 
$tc_9_1 : #3284d6;
$tc_9_2 : #65a3e0;
$tc_9_3 : #99c1ea;
$tc_9_4 : #cce0f4;
$tc_9_5 : #FFFFFF;
$tc_9_6 : #002851;
$tc_9_7 : #003d7a;
$tc_9_8 : #0051a3;
$tc_9_9 : #0066cc;
 
// #DD7700
$bg_4_1 : #222222;
$bg_4_2 : #582f00;
$bg_4_3 : #844700;
$bg_4_4 : #b05f00;
$bg_4_5 : #DD7700;
$bg_4_6 : #e39232;
$bg_4_7 : #eaad65;
$bg_4_8 : #f1c899;
$bg_4_9 : #dddddd;
 
$tc_4_1 : #e39232;
$tc_4_2 : #eaad65;
$tc_4_3 : #f1c899;
$tc_4_4 : #f8e3cc;
$tc_4_5 : #FFFFFF;
$tc_4_6 : #582f00;
$tc_4_7 : #844700;
$tc_4_8 : #b05f00;
$tc_4_9 : #dd7700;
 
// #DD0000
$bg_3_1 : #222222;
$bg_3_2 : #580000;
$bg_3_3 : #840000;
$bg_3_4 : #b00000;
$bg_3_5 : #DD0000;
$bg_3_6 : #e33232;
$bg_3_7 : #ea6565;
$bg_3_8 : #f19999;
$bg_3_9 : #dddddd;
 
$tc_3_1 : #e33232;
$tc_3_2 : #ea6565;
$tc_3_3 : #f19999;
$tc_3_4 : #f8cccc;
$tc_3_5 : #FFFFFF;
$tc_3_6 : #580000;
$tc_3_7 : #840000;
$tc_3_8 : #b00000;
$tc_3_9 : #dd0000;
 
// #808080
$bg_2_1 : #222222;
$bg_2_2 : #333333;
$bg_2_3 : #4c4c4c;
$bg_2_4 : #666666;
$bg_2_5 : #808080;
$bg_2_6 : #999999;
$bg_2_7 : #b2b2b2;
$bg_2_8 : #cccccc;
$bg_2_9 : #dddddd;
 
$tc_2_1 : #999999;
$tc_2_2 : #b2b2b2;
$tc_2_3 : #cccccc;
$tc_2_4 : #e5e5e5;
$tc_2_5 : #FFFFFF;
$tc_2_6 : #191919;
$tc_2_7 : #333333;
$tc_2_8 : #4c4c4c;
$tc_2_9 : #666666;
 
// #222222
$bg_1_1 : #000000;
$bg_1_2 : #111111;
$bg_1_3 : #222222;
$bg_1_4 : #dddddd;
$bg_1_5 : #eeeeee;
$bg_1_6 : #ffffff;
 
$tc_1_1 : #444444;
$tc_1_2 : #888888;
$tc_1_3 : #cccccc;
$tc_1_4 : #333333;
$tc_1_5 : #666666;
$tc_1_6 : #999999;