Harmony Algorithms

Color Palette Generator

Generate harmonious color palettes from any base color

#F50A60

RGB(245, 10, 96)

HSL(338, 92%, 50%)

#F5290A

RGB(245, 41, 10)

HSL(8, 92%, 50%)

#F59F0A

RGB(245, 159, 10)

HSL(38, 92%, 50%)

#D6F50A

RGB(214, 245, 10)

HSL(68, 92%, 50%)

#60F50A

RGB(96, 245, 10)

HSL(98, 92%, 50%)

CSS Variables

:root {
 --color-1: #f50a60;
 --color-2: #f5290a;
 --color-3: #f59f0a;
 --color-4: #d6f50a;
 --color-5: #60f50a;
}

Live Preview

Card Title

This is how your palette looks in a real UI context.

Color 1
Color 2
Color 3

Color math computed entirely in your browser. No external APIs used.