Colour classes is an
open-source stylekit generator

Download on GitHub

Optimized for UI like font, background, border, etc.

Version 1.0
MIT license


Text colour scales

Red text colour scale

Red 50 Red 100 Red 200 Red 300 Red 400 Red 500 Red 600 Red 700 Red 800 Red 900

Green text colour scale

Green 50 Green 100 Green 200 Green 300 Green 400 Green 500 Green 600 Green 700 Green 800 Green 900

Grey text colour scale

Grey 50 Grey 100 Grey 200 Grey 300 Grey 400 Grey 500 Grey 600 Grey 700 Grey 800 Grey 900

Darkblue text colour scale

Darkblue 50 Darkblue 100 Darkblue 200 Darkblue 300 Darkblue 400 Darkblue 500 Darkblue 600 Darkblue 700 Darkblue 800 Darkblue 900

Lightblue text colour scale

Lightblue 50 Lightblue 100 Lightblue 200 Lightblue 300 Lightblue 400 Lightblue 500 Lightblue 600 Lightblue 700 Lightblue 800 Lightblue 900

Purple text colour scale

Purple 50 Purple 100 Purple 200 Purple 300 Purple 400 Purple 500 Purple 600 Purple 700 Purple 800 Purple 900

Orange text colour scale

Orange 50 Orange 100 Orange 200 Orange 300 Orange 400 Orange 500 Orange 600 Orange 700 Orange 800 Orange 900

Yellow text colour scale

Yellow 50 Yellow 100 Yellow 200 Yellow 300 Yellow 400 Yellow 500 Yellow 600 Yellow 700 Yellow 800 Yellow 900

Background colour scales

Red background colour scale

Green background colour scale

Grey background colour scale

Darkblue background colour scale

Lightblue background colour scale

Purple background colour scale

Orange background colour scale

Yellow background colour scale

Gradients colour scales

Red gradients colour scale

Green gradients colour scale

Grey gradients colour scale

Darkblue gradients colour scale

Lightblue gradients colour scale

Purple gradients colour scale

Orange gradients colour scale

Yellow gradients colour scale

Border colour scales

Red border colour scale

Green border colour scale

Grey border colour scale

Darkblue border colour scale

Lightblue border colour scale

Purple border colour scale

Orange border colour scale

Yellow border colour scale

Triangle colour scales

Red triangle colour scale

Green triangle colour scale

Grey triangle colour scale

Darkblue triangle colour scale

Lightblue triangle colour scale

Purple triangle colour scale

Orange triangle colour scale

Yellow triangle colour scale

Button colours

Red button

Green button

Grey button

Darkblue button

Lightblue button

Purple button

Orange button

Yellow button

Coming soon...

Stay tuned for the "What can you use this for?" a look into resources and implementation guide.