🎨 Free | 100% Client-side | No Server
Color Palette Generator
Pick a base color and get a harmonious palette. Copy as CSS, HEX, RGB, or HSL.
🎯
Analogous
Neighboring colors on the color wheel (15-30 degrees apart). Creates a harmonious, soft and natural feel — perfect for calm, pleasing designs.
📋#3ce0f6
📋#3cb2f6
📋#3c83f6
📋#3c55f6
📋#523cf6
#3ce0f6
#3cb2f6
#3c83f6
#3c55f6
#523cf6
:root {
--color-1: #3ce0f6; /* hsl(187, 91%, 60%) */
--color-2: #3cb2f6; /* hsl(202, 91%, 60%) */
--color-3: #3c83f6; /* hsl(217, 91%, 60%) */
--color-4: #3c55f6; /* hsl(232, 91%, 60%) */
--color-5: #523cf6; /* hsl(247, 91%, 60%) */
}Color 1 — Sample Text#3ce0f6
Color 2 — Sample Text#3cb2f6
Color 3 — Sample Text#3c83f6
Color 4 — Sample Text#3c55f6
Color 5 — Sample Text#523cf6
Need professional web design?
A perfect color palette is just the start. We'll design a site that speaks to your audience.
Visit braintop.ai →