ToolSeaColor Palette Generator

Color Palette Generator

Input a base color and generate complementary, analogous, triadic, and split-complementary palettes. Export as CSS variables. Free, no signup required.

Complementary
#3b82f6
Base
#f6af3c
Complement
Analogous
#3ce0f6
-30deg
#3b82f6
Base
#523cf6
+30deg
Triadic
#3b82f6
Base
#f63c83
+120deg
#83f63c
+240deg
Split-Complementary
#3b82f6
Base
#f6523c
+150deg
#e0f63c
+210deg
CSS Variables
:root {
  --complementary-1: #3b82f6;
  --complementary-2: #f6af3c;
  --analogous-1: #3ce0f6;
  --analogous-2: #3b82f6;
  --analogous-3: #523cf6;
  --triadic-1: #3b82f6;
  --triadic-2: #f63c83;
  --triadic-3: #83f63c;
  --split-complementary-1: #3b82f6;
  --split-complementary-2: #f6523c;
  --split-complementary-3: #e0f63c;
}

Was this tool helpful?

Color ConverterCSS MinifierHTML BeautifierJSON Formatter

Frequently Asked Questions