Palette Generator

Base Color

Color Harmony

Two colors opposite on the wheel — bold, high contrast.

Palette — click a swatch to copy

#3C83F6

#85B2F9

#5188E1

#F6AF3C

#F9CD85

Color Values

#	HEX	RGB	HSL
1	#3C83F6	60, 131, 246	217°, 91%, 60%
2	#85B2F9	133, 178, 249	217°, 91%, 75%
3	#5188E1	81, 136, 225	217°, 71%, 60%
4	#F6AF3C	246, 175, 60	37°, 91%, 60%
5	#F9CD85	249, 205, 133	37°, 91%, 75%

CSS Variables

:root {
  --color-1: #3C83F6;
  --color-2: #85B2F9;
  --color-3: #5188E1;
  --color-4: #F6AF3C;
  --color-5: #F9CD85;
}

Pro Features

Extract palette from imageExport as SVG/PNG/JSON/ASETailwind config exportSaved palettes

Related Tools

Color Picker

Pick colors from the wheel or input hex, RGB, HSL values and convert between them.

Color Converter

Convert colors between HEX, RGB, HSL, HSV, CMYK, and other color models.

Image Converter

Convert images between JPG, PNG, WebP, GIF, BMP, and other formats.

Favicon Generator

Generate favicons in all required sizes from any image or text/emoji input.

SVG Optimizer

Optimize and minify SVG files to reduce size while preserving visual quality.