Color Scheme Generator

Color Scheme Generator

Local Processing

Build complementary, analogous, triadic, tetradic or monochromatic schemes from a colour, or a random palette.

How It Works & Processing Standards

Build complementary, analogous, triadic, tetradic or monochromatic schemes from a colour, or a random palette.

Tool processing runs in your browser. If you create a calculator or conversion share link, its values are included in the URL. See the privacy policy for account, analytics and advertising data.

Current Limits

  • Maximum input length: 100,000 characters

Choose a scheme under "Task" and matching colors are found by rotating around the color wheel. Saturation and lightness stay the same as the base, so tones match.

Random palettes change every time.

What You Can Do

Complementary
The opposite color (180°).
Analogous, triadic, tetradic
±angle, 120° apart or 90° apart.
Monochrome steps
The same hue at several lightness levels.
Random palette
Pick a rule (even, analogous, complementary) and pastel or not.

How to Use Color Scheme Generator

  1. 1
    Choose a taskPick a scheme.
  2. 2
    Enter the base colorPick it, and set angle or steps if needed.
  3. 3
    CopyCopy the palette codes.

Examples

Complementary
Input: #3366cc
Result: #cc9933
Triadic
Input: #ff0000
Result: #ff0000, #00ff00, #0000ff
Analogous ±30°
Input: #3366cc
Result: #33b3cc, #3366cc, #4d33cc
5 lightness steps
Input: #3366cc, 5 steps
Result: #0a1429, #1f3d7a, #3366cc, #85a3e0, #d6e0f5

Common Use Cases

  • Choosing accent colors for a website or slides
  • Picking harmonious colors for several chart series
  • Building lighter and darker steps of a brand color

Frequently Asked Questions (FAQ)

Do complementary colors always work together?

They contrast strongly and stand out, but large areas of both can feel heavy. Usually one is used sparingly as an accent.

Have feedback or ideas for this tool? Suggest & Inquire →