Panda Color System Generator
A comprehensive color palette generator and editor for designing beautiful, dark-mode ready, and accessible user interfaces with PandaCSS. Inspired by tints.dev.
blue
red
yellow
green
teal
purple
pink
gray
Lightness Curve Editor
[ 0.85, 0.25, 0.7, 0.95 ]
blue
blue.50
blue.100
blue.200
blue.300
blue.400
blue.500
blue.600
blue.700
blue.800
blue.900
blue.950
red
red.50
red.100
red.200
red.300
red.400
red.500
red.600
red.700
red.800
red.900
red.950
yellow
yellow.50
yellow.100
yellow.200
yellow.300
yellow.400
yellow.500
yellow.600
yellow.700
yellow.800
yellow.900
yellow.950
green
green.50
green.100
green.200
green.300
green.400
green.500
green.600
green.700
green.800
green.900
green.950
teal
teal.50
teal.100
teal.200
teal.300
teal.400
teal.500
teal.600
teal.700
teal.800
teal.900
teal.950
purple
purple.50
purple.100
purple.200
purple.300
purple.400
purple.500
purple.600
purple.700
purple.800
purple.900
purple.950
pink
pink.50
pink.100
pink.200
pink.300
pink.400
pink.500
pink.600
pink.700
pink.800
pink.900
pink.950
gray
gray.50
gray.100
gray.200
gray.300
gray.400
gray.500
gray.600
gray.700
gray.800
gray.900
gray.950