teent
by Prakash Timalsina
See your colors on real websites — instantly. A modern color palette generator built with Next.js and React.
Color Palette
Customize your color scheme
#8B5CF6
#3B82F6
#10B981
#F59E0B
#EF4444
#EC4899
6
Colors
0
Locked
6
Valid HEX
6
Unique
💡 Click on color cards to copy, lock colors to keep them during randomization
Palette Preview
Click colors to copy HEX values
Click to copy
Primary
#8B5CF6
HEX
Click to copy
Secondary
#3B82F6
HEX
Click to copy
Accent
#10B981
HEX
Click to copy
Success
#F59E0B
HEX
Click to copy
Warning
#EF4444
HEX
Click to copy
Error
#EC4899
HEX
Primary - Brand & main actions
Accent - Highlights & CTAs
Success - Positive states
Color harmony: Good
Export Configuration
Colors to be exported:
primary
#8b5cf6
secondary
#3b82f6
accent
#10b981
success
#f59e0b
warning
#ef4444
error
#ec4899