Generate harmonious color schemes
Click a color to copy
This is sample text to demonstrate how your color scheme looks in a real UI context.
--color-1: #3bdff6; --color-2: #3bb1f6; --color-3: #3b82f6; --color-4: #3b53f6; --color-5: #513bf6;
{
"colors": {
"color1": "#3bdff6",
"color2": "#3bb1f6",
"color3": "#3b82f6",
"color4": "#3b53f6",
"color5": "#513bf6"
}
}