Loopy HQ LogoSupport Us
Free Web Tool

Color Palette Generator

Generate harmonious color palettes from any base color. Export as HEX, RGB, HSL, CSS variables, or Tailwind config.

Frequently Asked Questions

What color harmonies are available?
The generator supports six classic color harmonies: • Complementary: Two colors opposite on the wheel (high contrast). • Analogous: Three adjacent colors (harmonious, low contrast). • Triadic: Three colors equally spaced (vibrant, balanced). • Split-Complementary: Base + two colors adjacent to its complement. • Tetradic: Four colors forming a rectangle (rich, needs balance). • Monochromatic: Tints and shades of a single hue.
What is the difference between HEX, RGB, and HSL?
HEX (#ff5733) is compact and widely supported. RGB (255, 87, 51) is intuitive for mixing. HSL (14, 100%, 60%) lets you adjust hue, saturation, and lightness independently, which is better for creating tints and shades.
Is any data sent to a server?
No. Color calculations happen entirely in your browser. Nothing is transmitted or stored.
How do I use the exported CSS variables?
Copy the CSS output and paste it into your stylesheet's :root block. Then reference colors as var(--color-primary), var(--color-secondary), etc. throughout your CSS.
Can I start from a specific brand color?
Yes. Enter your brand's HEX code in the base color picker or type it directly. The palette will build harmonious companions around it.

You might also like

Privacy Policy Generator

GDPR, CCPA, & PIPEDA baseline policy drafts for websites & apps. Tech stack picker, plain-English view, and privacy card embed.

Email Signature Generator

Professional HTML signatures with 8 templates, social icons, CTA buttons, meeting links & banners. No sign-up required.

Password Generator

CSPRNG-powered passwords, passphrases & PINs. Bulk generation, templates, strength meter, and zero server transmission.

Word & Character Counter

Words, characters, sentences, reading time, keyword density, and X/meta character limits as you type.

Case Converter

UPPERCASE, Title Case, Sentence case, camelCase, snake_case, kebab-case — converted live, line by line.

JSON Formatter & Validator

Beautify, minify, and validate JSON with exact line and column errors, key sorting, and structure stats.

View all tools