Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/3ff628-52f63d-65f753-78f868-8bf97e-9ffa93-b2fba9-c5fcbe-d8fdd4-ebfee9-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 3FF628
RGB: 63,246,40
Hex: 52F63D
RGB: 82,246,61
Hex: 65F753
RGB: 101,247,83
Hex: 78F868
RGB: 120,248,104
Hex: 8BF97E
RGB: 139,249,126
Hex: 9FFA93
RGB: 159,250,147
Hex: B2FBA9
RGB: 178,251,169
Hex: C5FCBE
RGB: 197,252,190
Hex: D8FDD4
RGB: 216,253,212
Hex: EBFEE9
RGB: 235,254,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
ECFEEA
D9FDD4
C5FCBF
B2FBA9
9FFB94
8CFA7E
79F969
65F853
52F73E
3FF628
39DD24
32C520
2CAC1C
269418
207B14
196210
134A0C
0D3108
061904
000000
FFFFFF
EEFEEC
DCFDD8
CBFCC5
BAFBB1
A9FB9E
97FA8B
86F977
75F864
63F750
52F63D
4ADD37
42C531
39AC2B
319425
297B1F
216218
194A12
10310C
081906
000000
FFFFFF
F0FEEE
E0FDDD
D1FDCB
C1FCBA
B2FBA9
A3FA98
93F987
84F975
74F864
65F753
5BDE4B
51C642
47AD3A
3D9432
337C2A
286321
1E4A19
143111
0A1908
000000
FFFFFF
F2FEF0
E4FEE1
D7FDD2
C9FCC3
BCFCB4
AEFBA4
A1FA95
93F986
86F977
78F868
6CDF5E
60C653
54AE49
48953E
3C7C34
30632A
244A1F
183215
0C190A
000000
FFFFFF
F3FEF2
E8FEE5
DCFDD8
D1FDCB
C5FCBF
B9FBB2
AEFBA5
A2FA98
97FA8B
8BF97E
7DE071
6FC765
61AE58
53954C
467D3F
386432
2A4B26
1C3219
0E190D
000000
FFFFFF
F5FFF4
ECFEE9
E2FEDF
D9FDD4
CFFDC9
C5FCBE
BCFCB3
B2FBA9
A9FB9E
9FFA93
8FE184
7FC876
6FAF67
5F9658
507D4A
40643B
304B2C
20321D
10190F
000000
FFFFFF
F7FFF6
F0FEEE
E8FEE5
E0FDDD
D9FDD4
D1FDCB
C9FCC3
C1FCBA
BAFBB2
B2FBA9
A0E298
8EC987
7DB076
6B9765
597E55
476444
354B33
243222
121911
000000
FFFFFF
F9FFF9
F3FEF2
EEFEEC
E8FEE5
E2FEDF
DCFDD8
D6FDD2
D1FDCB
CBFCC5
C5FCBE
B1E3AB
9ECA98
8AB085
769772
637E5F
4F654C
3B4C39
273226
141913
000000
FFFFFF
FBFFFB
F7FFF6
F3FEF2
EFFEEE
ECFEEA
E8FEE5
E4FEE1
E0FDDD
DCFDD8
D8FDD4
C2E4BF
ADCAAA
97B194
82987F
6C7F6A
566555
414C40
2B332A
161915
000000
FFFFFF
FDFFFD
FBFFFB
F9FFF8
F7FFF6
F5FFF4
F3FEF2
F1FEF0
EFFEED
EDFEEB
EBFEE9
D4E5D2
BCCBBA
A5B2A3
8D988C
767F75
5E665D
464C46
2F332F
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