Live Colors

The design system that adapts!

Color scheme

Inputs

Advanced
Jump to: Red Orange Yellow Green Aqua Blue Purple Magenta Neutrals

Accent colors

Red 0%
Red 10%
Red 20%
Red 30%
Red 40%
Red 50%
Red 60%
Red 70%
Red 80%
Red 90%
Red 100%
Orange 0%
Orange 10%
Orange 20%
Orange 30%
Orange 40%
Orange 50%
Orange 60%
Orange 70%
Orange 80%
Orange 90%
Orange 100%
Yellow 0%
Yellow 10%
Yellow 20%
Yellow 30%
Yellow 40%
Yellow 50%
Yellow 60%
Yellow 70%
Yellow 80%
Yellow 90%
Yellow 100%
Green 0%
Green 10%
Green 20%
Green 30%
Green 40%
Green 50%
Green 60%
Green 70%
Green 80%
Green 90%
Green 100%
Aqua 0%
Aqua 10%
Aqua 20%
Aqua 30%
Aqua 40%
Aqua 50%
Aqua 60%
Aqua 70%
Aqua 80%
Aqua 90%
Aqua 100%
Blue 0%
Blue 10%
Blue 20%
Blue 30%
Blue 40%
Blue 50%
Blue 60%
Blue 70%
Blue 80%
Blue 90%
Blue 100%
Purple 0%
Purple 10%
Purple 20%
Purple 30%
Purple 40%
Purple 50%
Purple 60%
Purple 70%
Purple 80%
Purple 90%
Purple 100%
Magenta 0%
Magenta 10%
Magenta 20%
Magenta 30%
Magenta 40%
Magenta 50%
Magenta 60%
Magenta 70%
Magenta 80%
Magenta 90%
Magenta 100%

Neutrals

Core

Neutral 0%
Neutral 10%
Neutral 20%
Neutral 30%
Neutral 40%
Neutral 50%
Neutral 60%
Neutral 70%
Neutral 80%
Neutral 90%
Neutral 100%

Midpoints

Neutral 5%
Neutral 15%
Neutral 25%
Neutral 35%
Neutral 45%
Neutral 55%
Neutral 65%
Neutral 75%
Neutral 85%
Neutral 95%

Semi-transparent

Neutral 0%
Neutral 10%
Neutral 20%
Neutral 30%
Neutral 40%
Neutral 50%
Neutral 60%
Neutral 70%
Neutral 80%
Neutral 90%
Neutral 100%