Color Scheme Designer

Free online color scheme designer. Complementary, triadic, tetradic schemes. Perfect for designers and developers.

Base Color

Scheme Type

Hue: 1°

#e53935

#35e1e5

Sample UI Preview

This is a preview of your color scheme on a sample interface. The header uses color 1.

CSS Custom Properties

:root {
  --color-1: #e53935;
  --color-2: #35e1e5;
}