Generate color palettes using harmony modes: random, monochromatic, analogous, complementary, triadic, and tetradic. Lock colors, export as CSS variables, Tailwind config, or SCSS. Download PNG swatches.
#2C7FED
rgb(44, 127, 237)
hsl(214, 84%, 55%)
#8BC440
rgb(139, 196, 64)
hsl(86, 53%, 51%)
#840FEB
rgb(132, 15, 235)
hsl(272, 88%, 49%)
#9E531A
rgb(158, 83, 26)
hsl(26, 72%, 36%)
#63BB0C
rgb(99, 187, 12)
hsl(90, 88%, 39%)
:root {
--color-1: #2c7fed;
--color-2: #8bc440;
--color-3: #840feb;
--color-4: #9e531a;
--color-5: #63bb0c;
}LevnTools Palette Generator lets you explore and convert colors directly in your browser. Everything runs locally in your browser — your colors and palettes never leave your device. Unlike cloud-only alternatives that require uploads and accounts, this tool is completely free with no usage limits or watermarks. It is designed for designers building consistent color systems, developers implementing brand guidelines, artists exploring complementary palettes — anyone who needs a fast, reliable color tool without the overhead of installing software. Just open the page and start working.
Palette Generator is used by a wide range of people. Explore how different groups use this tool:
Pick colors visually and convert between HEX, RGB, HSL, CMYK.
Convert colors between HEX, RGB, HSL, CMYK, and HSB.
Check color contrast for WCAG accessibility compliance.
Resize images with custom dimensions, percentage, or social media presets.
Generate favicons from text or emoji instantly.
Six modes: Random generates unrelated colors; Monochromatic uses one hue at different lightness levels; Analogous picks neighboring hues; Complementary uses opposite hues; Triadic picks three equally spaced hues; Tetradic picks four hues at 90-degree intervals.
Clicking the lock icon on a color swatch keeps that color fixed when you regenerate. All other unlocked colors will change. This is useful when you have found a color you like and want to build around it.
Yes. The page URL is automatically updated with the current palette colors in the hash fragment. Copy the URL and share it — anyone who opens it will see the same palette.
You can export as CSS custom properties (:root variables), Tailwind CSS config object, or SCSS variables. You can also download a PNG swatch image of the palette.
Yes, press the Spacebar key to instantly regenerate all unlocked colors. This is the fastest way to browse through palette options.