consolelog.tools logo

Palette Generator

Generate color palettes using color harmony rules

Base Color Preview

Generated Palette

#3B82F6

rgb(59, 130, 246)

hsl(217, 91%, 60%)

#3BCDF6

rgb(59, 205, 246)

hsl(193, 91%, 60%)

#3BA7F6

rgb(59, 167, 246)

hsl(205, 91%, 60%)

#3B82F6

rgb(59, 130, 246)

hsl(217, 91%, 60%)

#3B5DF6

rgb(59, 93, 246)

hsl(229, 91%, 60%)

#3F3BF6

rgb(63, 59, 246)

hsl(241, 91%, 60%)

Combined Preview

Export

HEX Array

["#3B82F6", "#3BCDF6", "#3BA7F6", "#3B82F6", "#3B5DF6", "#3F3BF6"]

RGB Array

["rgb(59, 130, 246)", "rgb(59, 205, 246)", "rgb(59, 167, 246)", "rgb(59, 130, 246)", "rgb(59, 93, 246)", "rgb(63, 59, 246)"]

Palette Types

  • Complementary: Colors opposite on the color wheel
  • Analogous: Colors next to each other on the color wheel
  • Triadic: Three colors evenly spaced on the color wheel
  • Tetradic: Four colors forming a rectangle on the color wheel
  • Monochromatic: Variations of a single hue
  • Split Complementary: Base color plus two adjacent to its complement

Was this tool helpful?

Share Your Experience

Help others discover this tool!

Share on Twitter

Frequently Asked Questions - Palette Generator