Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/aff780-9dde73-8cc566-7aac59-69944c-577b40-456233-344a26-233119-11180c-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: AFF780
RGB: 175,247,128
Hex: 9DDE73
RGB: 157,222,115
Hex: 8CC566
RGB: 140,197,102
Hex: 7AAC59
RGB: 122,172,89
Hex: 69944C
RGB: 105,148,76
Hex: 577B40
RGB: 87,123,64
Hex: 456233
RGB: 69,98,51
Hex: 344A26
RGB: 52,74,38
Hex: 233119
RGB: 35,49,25
Hex: 11180C
RGB: 17,24,12
Hex: 000000
RGB: 0,0,0
-100%
-90%
-80%
-70%
-60%
-50%
-40%
-30%
-20%
-10%
Original
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
FFFFFF
F7FEF2
EFFDE6
E7FDD9
DFFCCC
D7FBC0
CFFAB3
C7F9A6
BFF999
B7F88D
AFF780
9EDE73
8CC666
7AAD5A
69944D
587C40
466333
344A26
23311A
11190D
000000
FFFFFF
F5FCF1
EBF8E3
E2F5D5
D8F2C7
CEEFB9
C4EBAB
BAE89D
B1E58F
A7E181
9DDE73
8DC868
7EB25C
6E9B51
5E8545
4F6F3A
3F592E
2F4322
1F2C17
10160B
000000
FFFFFF
F4F9F0
E8F3E0
DDEED1
D1E8C2
C6E2B3
BADCA3
AFD694
A3D185
98CB75
8CC566
7EB15C
709E52
628A47
54763D
466333
384F29
2A3B1F
1C2714
0E140A
000000
FFFFFF
F2F7EE
E4EEDE
D7E6CD
CADEBD
BDD6AC
AFCD9B
A2C58B
95BD7A
87B46A
7AAC59
6E9B50
628A47
55783E
496735
3D562D
314524
25341B
182212
0C1109
000000
FFFFFF
F0F4ED
E1EADB
D2DFC9
C3D4B7
B4CAA6
A5BF94
96B482
87A970
789F5E
69944C
5F8544
54763D
4A6835
3F592E
354A26
2A3B1E
1F2C17
151E0F
0A0F08
000000
FFFFFF
EEF2EC
DDE5D9
CDD7C6
BCCAB3
ABBDA0
9AB08C
89A379
799566
688853
577B40
4E6F3A
466233
3D562D
344A26
2C3E20
23311A
1A2513
11190D
090C06
000000
FFFFFF
ECEFEB
DAE0D6
C7D0C2
B5C0AD
A2B199
8FA185
7D9170
6A815C
587247
456233
3E582E
374E29
304524
293B1F
23311A
1C2714
151D0F
0E140A
070A05
000000
FFFFFF
EBEDE9
D6DBD4
C2C9BE
AEB7A8
9AA593
85927D
718067
5D6E51
485C3C
344A26
2F4322
2A3B1E
24341B
1F2C17
1A2513
151E0F
10160B
0A0F08
050704
000000
FFFFFF
E9EAE8
D3D6D1
BDC1BA
A7ADA3
91988C
7B8375
656F5E
4F5A47
394630
233119
202C17
1C2714
192212
151D0F
12190D
0E140A
0A0F07
070A05
030502
000000
FFFFFF
E7E8E7
CFD1CE
B8BAB6
A0A39E
888C86
70746D
585D55
41463D
292F24
11180C
0F160B
0E130A
0C1108
0A0E07
090C06
070A05
050704
030502
020201
000000
FFFFFF
E6E6E6
CCCCCC
B3B3B3
999999
808080
666666
4D4D4D
333333
1A1A1A
000000
000000
000000
000000
000000
000000
000000
000000
000000
000000
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