Skip to Content
Last repository update 9/10/2025 🎉
KarChunT
About
Docs
Blog
Blog1
Hub
CTRL K
Generate Harmonious Colors
Reset Colors
background
hsl(0 0% 100%)
foreground
hsl(240 10% 3.9%)
card
hsl(0 0% 100%)
card-foreground
hsl(240 10% 3.9%)
popover
hsl(0 0% 100%)
popover-foreground
hsl(240 10% 3.9%)
primary
hsl(240 5.9% 10%)
primary-foreground
hsl(0 0% 98%)
secondary
hsl(240 4.8% 95.9%)
secondary-foreground
hsl(240 5.9% 10%)
muted
hsl(240 4.8% 95.9%)
muted-foreground
hsl(240 3.8% 46.1%)
accent
hsl(240 4.8% 95.9%)
accent-foreground
hsl(240 5.9% 10%)
destructive
hsl(0 84.2% 60.2%)
destructive-foreground
hsl(0 0% 98%)
border
hsl(240 5.9% 90%)
input
hsl(240 5.9% 90%)
ring
hsl(240 5.9% 10%)
Color Preview
Experience your color palette in action. This preview showcases your selected colors.
background
0 0% 100%
foreground
240 10% 3.9%
card
0 0% 100%
card-foreground
240 10% 3.9%
popover
0 0% 100%
popover-foreground
240 10% 3.9%
primary
240 5.9% 10%
primary-foreground
0 0% 98%
secondary
240 4.8% 95.9%
secondary-foreground
240 5.9% 10%
muted
240 4.8% 95.9%
muted-foreground
240 3.8% 46.1%
accent
240 4.8% 95.9%
accent-foreground
240 5.9% 10%
destructive
0 84.2% 60.2%
destructive-foreground
0 0% 98%
border
240 5.9% 90%
input
240 5.9% 90%
ring
240 5.9% 10%
Copy Full Color Scheme