Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/31ae2b-45b640-5abe55-6ec66a-83ce7f-98d695-acdeaa-c1e6bf-d5eed4-eaf6e9-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 31AE2B
RGB: 49,174,43
Hex: 45B640
RGB: 69,182,64
Hex: 5ABE55
RGB: 90,190,85
Hex: 6EC66A
RGB: 110,198,106
Hex: 83CE7F
RGB: 131,206,127
Hex: 98D695
RGB: 152,214,149
Hex: ACDEAA
RGB: 172,222,170
Hex: C1E6BF
RGB: 193,230,191
Hex: D5EED4
RGB: 213,238,212
Hex: EAF6E9
RGB: 234,246,233
Hex: FFFFFF
RGB: 255,255,255
-100%
-90%
-80%
-70%
-60%
-50%
-40%
-30%
-20%
-10%
Original
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
FFFFFF
EAF7EA
D6EFD5
C1E7BF
ADDFAA
98D795
83CE80
6FC66B
5ABE55
46B640
31AE2B
2C9D27
278B22
227A1E
1D681A
195716
144611
0F340D
0A2309
051104
000000
FFFFFF
ECF8EC
DAF0D9
C7E9C6
B5E2B3
A2DBA0
8FD38C
7DCC79
6AC566
58BD53
45B640
3EA43A
379233
307F2D
296D26
235B20
1C491A
153713
0E240D
071206
000000
FFFFFF
EFF9EE
DEF2DD
CEECCC
BDE5BB
ADDFAA
9CD899
8CD288
7BCB77
6BC566
5ABE55
51AB4D
489844
3F853B
367233
2D5F2B
244C22
1B3919
122611
091308
000000
FFFFFF
F1F9F0
E2F4E1
D4EED2
C5E8C3
B7E3B5
A8DDA6
9AD797
8BD188
7DCC79
6EC66A
63B25F
589E55
4D8B4A
427740
376335
2C4F2A
213B20
162815
0B140B
000000
FFFFFF
F3FAF2
E6F5E5
DAF0D9
CDEBCC
C1E7BF
B5E2B2
A8DDA5
9CD899
8FD38C
83CE7F
76B972
69A566
5C9059
4F7C4C
426740
345233
273E26
1A2919
0D150D
000000
FFFFFF
F5FBF4
EAF7EA
E0F3DF
D6EFD5
CCEBCA
C1E6BF
B7E2B5
ADDEAA
A2DAA0
98D695
89C186
7AAB77
6A9668
5B8059
4C6B4B
3D563C
2E402D
1E2B1E
0F150F
000000
FFFFFF
F7FCF7
EEF8EE
E6F5E6
DEF2DD
D6EFD5
CDEBCC
C5E8C4
BDE5BB
B4E1B3
ACDEAA
9BC899
8AB288
789B77
678566
566F55
455944
344333
222C22
111611
000000
FFFFFF
F9FDF9
F3FAF2
ECF8EC
E6F5E5
E0F3DF
DAF0D9
D4EED2
CDEBCC
C7E9C5
C1E6BF
AECFAC
9AB899
87A186
748A73
617360
4D5C4C
3A4539
272E26
131713
000000
FFFFFF
FBFDFB
F7FCF6
F2FAF2
EEF8EE
EAF7EA
E6F5E5
E2F3E1
DDF1DD
D9F0D8
D5EED4
C0D6BF
AABEAA
95A794
808F7F
6B776A
555F55
404740
2B302A
151815
000000
FFFFFF
FDFEFD
FBFDFB
F9FCF8
F7FBF6
F5FBF4
F2FAF2
F0F9F0
EEF8ED
ECF7EB
EAF6E9
D3DDD2
BBC5BA
A4ACA3
8C948C
757B75
5E625D
464A46
2F312F
171917
000000
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
E6E6E6
CCCCCC
B3B3B3
999999
808080
666666
4C4C4C
333333
191919
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