Color Palette Generator


Color Scheme

Color Name







Palette Link (Permalink): https://www.colorxs.com/palette/editor/227822-22784d-227878-224d78-222278?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 227822
RGB: 34,120,34
Hex: 22784D
RGB: 34,120,77
Hex: 227878
RGB: 34,120,120
Hex: 224D78
RGB: 34,77,120
Hex: 222278
RGB: 34,34,120
-100%
-90%
-80%
-70%
-60%
-50%
-40%
-30%
-20%
-10%
Original
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
FFFFFF
E9F2E9
D3E4D3
BDD7BD
A7C9A7
91BC91
7AAE7A
64A164
4E934E
388638
227822
1F6C1F
1B601B
185418
144814
113C11
0E300E
0A240A
071807
030C03
000000
FFFFFF
E9F2ED
D3E4DB
BDD7CA
A7C9B8
91BCA6
7AAE94
64A182
4E9371
38865F
22784D
1F6C45
1B603E
185436
14482E
113C27
0E301F
0A2417
07180F
030C08
000000
FFFFFF
E9F2F2
D3E4E4
BDD7D7
A7C9C9
91BCBC
7AAEAE
64A1A1
4E9393
388686
227878
1F6C6C
1B6060
185454
144848
113C3C
0E3030
0A2424
071818
030C0C
000000
FFFFFF
E9EDF2
D3DBE4
BDCAD7
A7B8C9
91A6BC
7A94AE
6482A1
4E7193
385F86
224D78
1F456C
1B3E60
183654
142E48
11273C
0E1F30
0A1724
070F18
03080C
000000
FFFFFF
E9E9F2
D3D3E4
BDBDD7
A7A7C9
9191BC
7A7AAE
6464A1
4E4E93
383886
222278
1F1F6C
1B1B60
181854
141448
11113C
0E0E30
0A0A24
070718
03030C
000000
! This online Color Palette Generator tool works well on larger displays like desktop/laptop screens or switch to desktop mode in the mobile browser.
~ Color Name is not the exact match. It is the nearest matching name to the Hex Code.
- Indicates no matching color name found.
Color shades and tints
close (X)





Home > Palette > Palette Editor

Color wheel - Color scheme palette generator and editor

Create and edit the color palette using the color scheme and palette generator. A color wheel generator. Apply the color palette to design mockups.

Color wheel - Color palette generator and editor

Generate a random color palette by selecting the color scheme. The palette generator also comes with a website mockup, mobile app mockup, geometric pattern, T-Shirt designs, and graphs. Check how the palette looks by applying the color palette to the different mockups and designs provided by the editor.

  • Random 3 color palette
  • Random 4 color palette
  • Random 6 color palette
  • Monochromatic
  • Analogous
  • Complementary
  • Split Complementary
  • Triadic
  • Tetradic
  • Hexadic

3 Color Palette Generator for 60-30-10 rule


Generate three color palette that work well together and can be used as the primary, secondary, and accent colors in your design. By using just three colors, you can create a sense of balance and simplicity, while still allowing for plenty of creativity. The 60-30-10 rule is a popular guideline for using three-color palettes in design. According to this rule, 60% of your design should be made up of the dominant color, 30% should be the secondary color, and 10% should be the accent color.


4 Color Palette Generator


Four color palettes offer more flexibility and complexity in design than three-color palettes. With four colors, you can create a wider range of moods and styles, while still maintaining balance and harmony. One common way to use a four-color palette is to choose a dominant color, two supporting colors, and an accent color. The dominant color should be the main color in your design, while the supporting colors should complement it. The accent color can be used to add a pop of color and draw attention to certain elements, just as in a three-color palette.


6 Color Palette Generator


If you're looking to add a touch of vibrancy to your design or require more variety in terms of color options, six color palettes can be an good option. These palettes offer a diverse range of colors, providing you with the flexibility you need to create a visually striking and eye-catching design.
Six-color palettes provide even more flexibility and complexity in design than four-color palettes. With six colors, you can create a wide range of moods and styles, while still maintaining balance and harmony. One way to use a six-color palette is to choose a dominant color, two supporting colors, and three accent colors. Another way to use a six-color palette is to choose three sets of complementary colors. For example, you might choose blue and orange as one set, green and purple as another set, and yellow and red as a third set. When used together, these colors can create a sense of vibrancy and energy, while still maintaining balance.


Pastel Color Palette Generator: A Soft Touch for Design


Pastel color palettes are known for their soft, muted tones that evoke calmness.
Colorxs pastel color palette generator is a fantastic tool for designers and creatives like you to incorporate these delicate shades into the project. Generate endless pastel combinations that perfectly balance soft hues.




Explore Color Palettes