Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/ccf772-b7de66-a3c55b-8eac4f-7a9444-667b39-51622d-3d4a22-283116-14180b-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: CCF772
RGB: 204,247,114
Hex: B7DE66
RGB: 183,222,102
Hex: A3C55B
RGB: 163,197,91
Hex: 8EAC4F
RGB: 142,172,79
Hex: 7A9444
RGB: 122,148,68
Hex: 667B39
RGB: 102,123,57
Hex: 51622D
RGB: 81,98,45
Hex: 3D4A22
RGB: 61,74,34
Hex: 283116
RGB: 40,49,22
Hex: 14180B
RGB: 20,24,11
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
FAFEF1
F5FDE3
F0FDD5
EBFCC7
E6FBB9
E0FAAA
DBF99C
D6F98E
D1F880
CCF772
B8DE67
A3C65B
8FAD50
7A9444
667C39
52632E
3D4A22
293117
14190B
000000
FFFFFF
F8FCF0
F1F8E0
E9F5D1
E2F2C2
DBEFB3
D4EBA3
CDE894
C5E585
BEE175
B7DE66
A5C85C
92B252
809B47
6E853D
5C6F33
495929
37431F
252C14
12160A
000000
FFFFFF
F6F9EF
EDF3DE
E3EECE
DAE8BD
D1E2AD
C8DC9D
BFD68C
B5D17C
ACCB6B
A3C55B
93B152
829E49
728A40
627637
52632E
414F24
313B1B
212712
101409
000000
FFFFFF
F4F7ED
E8EEDC
DDE6CA
D2DEB9
C7D6A7
BBCD95
B0C584
A5BD72
99B461
8EAC4F
809B47
728A3F
637837
55672F
475628
394520
2B3418
1C2210
0E1108
000000
FFFFFF
F2F4EC
E4EADA
D7DFC7
CAD4B4
BDCAA2
AFBF8F
A2B47C
95A969
879F57
7A9444
6E853D
627636
556830
495929
3D4A22
313B1B
252C14
181E0E
0C0F07
000000
FFFFFF
F0F2EB
E0E5D7
D1D7C4
C2CAB0
B3BD9C
A3B088
94A374
859561
75884D
667B39
5C6F33
52622E
475628
3D4A22
333E1D
293117
1F2511
14190B
0A0C06
000000
FFFFFF
EEEFEA
DCE0D5
CBD0C0
B9C0AB
A8B196
97A181
85916C
748157
627242
51622D
495829
414E24
39451F
313B1B
293117
202712
181D0D
101409
080A04
000000
FFFFFF
ECEDE9
D8DBD3
C5C9BD
B1B7A7
9EA591
8B927A
778064
646E4E
505C38
3D4A22
37431F
313B1B
2B3418
252C14
1F2511
181E0E
12160A
0C0F07
060703
000000
FFFFFF
EAEAE8
D4D6D0
BFC1B9
A9ADA2
94988B
7E8373
696F5C
535A45
3E462D
283116
242C14
202712
1C220F
181D0D
14190B
101409
0C0F07
080A04
040502
000000
FFFFFF
E8E8E7
D0D1CE
B9BAB6
A1A39D
8A8C85
72746D
5B5D54
43463C
2C2F23
14180B
12160A
101309
0E1108
0C0E07
0A0C06
080A04
060703
040502
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