Live Colors

The design system that adapts!

Color scheme Light mode Dark mode

Inputs

Red

Orange

Yellow

Green

Aqua

Blue

Purple

Magenta

Neutral

Advanced Absolutize Tintify

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%