Sweetie 16 as CSS variables

The palette this site is coloured with, ready to paste into a stylesheet.

SNP 111 #25B Filed css pixelart design

Sweetie 16 by GrafxKid is a sixteen-colour pixel art palette, and the one every colour on this site comes from. In its own order, so the index of a colour is its hex digit:

css
:root {
  --sw-0: #1a1c2c; /* black */
  --sw-1: #5d275d; /* purple */
  --sw-2: #b13e53; /* red */
  --sw-3: #ef7d57; /* orange */
  --sw-4: #ffcd75; /* yellow */
  --sw-5: #a7f070; /* light green */
  --sw-6: #38b764; /* green */
  --sw-7: #257179; /* dark green */
  --sw-8: #29366f; /* dark blue */
  --sw-9: #3b5dc9; /* navy */
  --sw-a: #41a6f6; /* blue */
  --sw-b: #73eff7; /* light blue */
  --sw-c: #f4f4f4; /* white */
  --sw-d: #94b0c2; /* light grey blue */
  --sw-e: #566c86; /* grey blue */
  --sw-f: #333c57; /* dark grey blue */
}

That's why a post's colour code here reads like #392: orange, navy, red. Eight of them have at least 4.5:1 contrast on a near-black background as text (3, 4, 5, 6, a, b, c, d); the dark ones are for fills.