If you’re not sure of your color matching skills, use the RGB color wheel. The RGB color wheel is divided into 12 color sectors consisting of primary, secondary, and tertiary colors.
- Monochromatic color scheme
Select the color you want and work your way toward the center of the wheel for beautiful color shades. This combination of colors will create a very sophisticated look. - Analogous Color Scheme
In this approach, we choose colors that are located next to each other. You can move in any direction on the color wheel. The colors should be within 90 degrees. This approach will bring more dynamics without losing elegance. - A complementary color scheme
If you’re aiming for brightness, then this option will work for you. Choose a primary color and add an additional color to it on the opposite side of the wheel. You can also add more monochrome colors here. - Split Complementary Color Scheme
You can go further and add a consistent color for more brightness. Such a color scheme is called a split-complementary color scheme.
With these four approaches, you can easily create your own palette. There are other color schemes such as triadic and tetradic, but they require a little more experience.
How do you properly create a dark theme for your product?
Once you’ve decided on the basic colors, you can still experiment with them (the main thing to keep in mind is a sense of proportion). There are several ways to modify color:
Color (hue) – a pure color without any hue or tone.
Tint – add a white color to the pure color.
Shade – add a black color to the pure color.
Tone – add gray to the clear color.
Use color variations
You can change colors and get variants either manually or with a tool like Material Design’s:
Material Design Color Palettes Note: The letter “P” in the circle indicates what color the text reads on a particular background. If the “P” is white, you should use white text on that background. If it is black, select black text. Add your hex value and the tool will give you variations. You can use as many variations as you need for your design. Also, they don’t have to be adjacent to each other, you can choose any contrast.