loopcod
Home/Tools/Color Palette Generator

Color Palette Generator

Generate beautiful color palettes for your projects. Create random palettes, harmonious schemes, or build from a custom color.

#0283CD
RGB: 2, 131, 205
HSL: 202°, 98%, 41%
#6B5883
RGB: 107, 88, 131
HSL: 267°, 20%, 43%
#F3FFD8
RGB: 243, 255, 216
HSL: 78°, 100%, 92%
#3CF4CD
RGB: 60, 244, 205
HSL: 167°, 89%, 60%
#DCCE70
RGB: 220, 206, 112
HSL: 52°, 61%, 65%
Color Harmony Guide
Complementary

Colors opposite on the color wheel. High contrast, vibrant look.

Analogous

Colors next to each other. Harmonious, natural feel.

Triadic

Three colors evenly spaced. Balanced, colorful scheme.

Random

Unexpected combinations. Great for unique designs.

Tips for Using Palettes

• Lock colors you like and regenerate the rest to refine your palette

• Use the lightest color for backgrounds, darkest for text

• Export as CSS to use directly in your stylesheets

• Copy HEX codes to use in Figma, Sketch, or design tools

• Consider accessibility - ensure sufficient contrast for text