Color Palette Generator

Create color palettes, HEX combinations, complementary colors, and design-ready swatches.

Base color

#2563EB

Mode

Analogous

Swatches

Palette settings

Generate HEX swatches from a base color and harmony mode.

Base color

Color count: 6

Harmony mode

Related calculators

Image Color ExtractorExtract dominant colors, HEX values, and palettes from an uploaded image.
JSON FormatterFormat, validate, minify, and inspect JSON directly in your browser.
Margin Rate CalculatorCalculate profit margin, markup, selling price, cost, and gross profit for products or services.
Character Count ToolCount characters, words, lines, UTF-8 bytes, and compare two text versions directly in your browser.
공학용 계산기고급 수학 연산 및 공학 계산
Regex TesterTest JavaScript regular expressions, flags, match positions, capture groups, and highlighted results.

Palette modes

Analogous palettes stay close to the base hue, complementary palettes add contrast, triadic palettes balance three hue families, and monochrome palettes vary lightness within one hue.

Using the output

Copy the HEX list for design tools or export CSS variables for prototypes. Check text contrast separately when using a swatch as a background color.