Colors

Black & White

Color value	Font color class	Background color class
`white`	`.text-white`	`.bg-white`
`black`	`.text-black`	`.bg-black`

GNOME Blue

Color value	Font color class	Background color class
`gnome-blue-100`	`.text-gnome-blue-100`	`.bg-gnome-blue-100`
`gnome-blue-200`	`.text-gnome-blue-200`	`.bg-gnome-blue-200`
`gnome-blue-300`	`.text-gnome-blue-300`	`.bg-gnome-blue-300`
`gnome-blue-400`	`.text-gnome-blue-400`	`.bg-gnome-blue-400`
`gnome-blue-500`	`.text-gnome-blue-500`	`.bg-gnome-blue-500`
`gnome-blue-600`	`.text-gnome-blue-600`	`.bg-gnome-blue-600`
`gnome-blue-700`	`.text-gnome-blue-700`	`.bg-gnome-blue-700`
`gnome-blue-800`	`.text-gnome-blue-800`	`.bg-gnome-blue-800`
`gnome-blue-900`	`.text-gnome-blue-900`	`.bg-gnome-blue-900`

Gray

Color value	Font color class	Background color class
`gray-100`	`.text-gray-100`	`.bg-gray-100`
`gray-200`	`.text-gray-200`	`.bg-gray-200`
`gray-300`	`.text-gray-300`	`.bg-gray-300`
`gray-400`	`.text-gray-400`	`.bg-gray-400`
`gray-500`	`.text-gray-500`	`.bg-gray-500`
`gray-600`	`.text-gray-600`	`.bg-gray-600`
`gray-700`	`.text-gray-700`	`.bg-gray-700`
`gray-800`	`.text-gray-800`	`.bg-gray-800`
`gray-900`	`.text-gray-900`	`.bg-gray-900`

Red

Color value	Font color class	Background color class
`red-100`	`.text-red-100`	`.bg-red-100`
`red-200`	`.text-red-200`	`.bg-red-200`
`red-300`	`.text-red-300`	`.bg-red-300`
`red-400`	`.text-red-400`	`.bg-red-400`
`red-500`	`.text-red-500`	`.bg-red-500`
`red-600`	`.text-red-600`	`.bg-red-600`
`red-700`	`.text-red-700`	`.bg-red-700`
`red-800`	`.text-red-800`	`.bg-red-800`
`red-900`	`.text-red-900`	`.bg-red-900`

Orange

Color value	Font color class	Background color class
`orange-100`	`.text-orange-100`	`.bg-orange-100`
`orange-200`	`.text-orange-200`	`.bg-orange-200`
`orange-300`	`.text-orange-300`	`.bg-orange-300`
`orange-400`	`.text-orange-400`	`.bg-orange-400`
`orange-500`	`.text-orange-500`	`.bg-orange-500`
`orange-600`	`.text-orange-600`	`.bg-orange-600`
`orange-700`	`.text-orange-700`	`.bg-orange-700`
`orange-800`	`.text-orange-800`	`.bg-orange-800`
`orange-900`	`.text-orange-900`	`.bg-orange-900`

Yellow

Color value	Font color class	Background color class
`yellow-100`	`.text-yellow-100`	`.bg-yellow-100`
`yellow-200`	`.text-yellow-200`	`.bg-yellow-200`
`yellow-300`	`.text-yellow-300`	`.bg-yellow-300`
`yellow-400`	`.text-yellow-400`	`.bg-yellow-400`
`yellow-500`	`.text-yellow-500`	`.bg-yellow-500`
`yellow-600`	`.text-yellow-600`	`.bg-yellow-600`
`yellow-700`	`.text-yellow-700`	`.bg-yellow-700`
`yellow-800`	`.text-yellow-800`	`.bg-yellow-800`
`yellow-900`	`.text-yellow-900`	`.bg-yellow-900`

Green

Color value	Font color class	Background color class
`green-100`	`.text-green-100`	`.bg-green-100`
`green-200`	`.text-green-200`	`.bg-green-200`
`green-300`	`.text-green-300`	`.bg-green-300`
`green-400`	`.text-green-400`	`.bg-green-400`
`green-500`	`.text-green-500`	`.bg-green-500`
`green-600`	`.text-green-600`	`.bg-green-600`
`green-700`	`.text-green-700`	`.bg-green-700`
`green-800`	`.text-green-800`	`.bg-green-800`
`green-900`	`.text-green-900`	`.bg-green-900`

Brown

Color value	Font color class	Background color class
`brown-100`	`.text-brown-100`	`.bg-brown-100`
`brown-200`	`.text-brown-200`	`.bg-brown-200`
`brown-300`	`.text-brown-300`	`.bg-brown-300`
`brown-400`	`.text-brown-400`	`.bg-brown-400`
`brown-500`	`.text-brown-500`	`.bg-brown-500`
`brown-600`	`.text-brown-600`	`.bg-brown-600`
`brown-700`	`.text-brown-700`	`.bg-brown-700`
`brown-800`	`.text-brown-800`	`.bg-brown-800`
`brown-900`	`.text-brown-900`	`.bg-brown-900`

Purple

Color value	Font color class	Background color class
`purple-100`	`.text-purple-100`	`.bg-purple-100`
`purple-200`	`.text-purple-200`	`.bg-purple-200`
`purple-300`	`.text-purple-300`	`.bg-purple-300`
`purple-400`	`.text-purple-400`	`.bg-purple-400`
`purple-500`	`.text-purple-500`	`.bg-purple-500`
`purple-600`	`.text-purple-600`	`.bg-purple-600`
`purple-700`	`.text-purple-700`	`.bg-purple-700`
`purple-800`	`.text-purple-800`	`.bg-purple-800`
`purple-900`	`.text-purple-900`	`.bg-purple-900`