2 base hues – 32 color values > 1 theme

Base2Tone porch

Code Syntax Highlighting

dark variation – porch

/* comment */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80% !important;
}

light variation – porch

/* comment */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80% !important;
}

Templates for illustrations

Color Hex Values Table

ABCD
0#221e24#674573#7e736d#c46731
1#302a32#7e548c#91857e#d97136
2#574e5a#9466a3#a29790#e17f47
3#645a68#a77cb6#b3a9a2#ec8d55
4#716774#ba95c6#c4bbb5#f39b68
5#8b808e#cdacd7#dacfc8#f8aa7c
6#9f95a3#dfcbe6#ede3de#fcb58d
7#b3aab5#f2e3f7#fcf9f8#ffc29e