Color Scheme Generator

Automatically generate harmonious color schemes based on color wheel theory

Scheme settings

Base color

Scheme type

Description

Adjacent hues on the color wheel; harmonious and cohesive

Scheme preview (5 colors)

#63adf1

#6389f1

#6366f1

#8363f1

#a763f1

Gradient preview

Tailwind / CSS variables

:root {
  --color-primary: #63adf1;
  --color-secondary: #6389f1;
  --color-accent: #6366f1;
  --color-neutral: #8363f1;
  --color-highlight: #a763f1;
}