What is a tetradic color scheme?

A tetradic scheme uses four colors arranged into two complementary pairs, forming a rectangle or square on the color wheel.

How does the 'Square' option differ from 'Rectangle'?

The Square option places all four colors at 90-degree intervals, while the Rectangle option uses 60-degree and 120-degree spacing.

Can I adjust the colors manually?

Yes, you can use the Hue Adjustment, Saturation, and Lightness sliders to customize the generated colors to your preference.

Are the color codes provided for all formats?

Yes, the tool can display HEX, RGB, and HSL values simultaneously based on your configuration settings.

Is this tool suitable for print design?

Yes, the generated color values can be used in print design, though you should verify them against your specific CMYK color profile.

Elysia Tools

Navigation

Design

Color Tetrad

Generate tetradic color schemes with four colors arranged in rectangular patterns on the color wheel, creating rich and complex color relationships

Execution

Run this tool

Fill in the form, run the tool, and review the result in one place.

Inputs

Options are grouped so long tools stay easier to scan.

10 options

SettingsAdjust formats, ranges, numbers, and modes.5

Base ColorcolorRequiredRectangle TypeselectOptionalHue Adjustment (degrees)numberOptionalCustom angle adjustment for rectangle typeSaturation AdjustmentnumberOptionalMultiplier for saturation (0.5-2.0)Lightness AdjustmentnumberOptionalAdjust lightness (-0.3 to 0.3)

TogglesEnable or disable optional behavior.5

Include Base ColorcheckboxOptionalEnabled when checkedShow HEX CodescheckboxOptionalEnabled when checkedShow RGB ValuescheckboxOptionalEnabled when checkedShow HSL ValuescheckboxOptionalEnabled when checkedGenerate Color VariationscheckboxOptionalEnabled when checked

Result

Ready for a run

Run the tool to preview files, text, structured data, or streamed output here.

Samples

Color Tetrad

Run this tool

Inputs

Result

Examples that match this tool

Continue with connected tools and hubs

Inputs

Result

Learn when to use this tool, what it supports, and how real users apply it.

Key facts

Overview

When to use

How it works

Use cases

Examples

1. Dashboard UI Palette

2. Marketing Illustration Scheme

FAQ

Color Code Samples

Android Image Processing Java Samples

Android Image Processing Kotlin Samples

Web Image Processing Python Samples

Color Analogous

Color Complement

Color Gradient Generator

Color Hue Shifter

CSS Effects, Palettes, and Design Token Generators

Color Design & Color Space Conversion Tools

Color Space Conversion Tools for Web and Print

Web Accessibility Audit and Accessible Color Tools