Tailwind CSS colors for MonoGame

Showcase
1

https://gist.github.com/Apostolique/31543d592dfabc42e169436f45727036

You can drop that file in your projects, change the namespace if you want.

The colors are from: https://tailwindcss.com/docs/customizing-colors#color-palette-reference, they were picked by a designer called Steve Schoger.

I find those colors useful for both debugging tools or in game colors.

The way it works, each colors have 10 shades. The shades are labeled 050, 100, 200, … 900. Lower numbers give you a lighter color, higher numbers give you a darker color. To draw, you pick a color and append a shade to it: TWColor.Blue500.

Colors:

  • Black
  • White
  • BlueGray
  • CoolGray
  • Gray
  • TrueGray
  • WarmGray
  • Red
  • Orange
  • Amber
  • Yellow
  • Lime
  • Green
  • Emerald
  • Teal
  • Cyan
  • Sky
  • Blue
  • Indigo
  • Violet
  • Purple
  • Fuchsia
  • Pink
  • Rose
2 Likes
2

I updated the gist to use the new unified colors names from Tailwindcss 3.0.0.

BlueGray becomes Slate.
CoolGray becomes Gray.
Gray becomes Zinc.
TrueGray becomes Neutral.
WarmGray becomes Stone.

2 Likes
3

The new 950 shades have been added

1 Like