Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/57aa57-67b267-78bb78-89c389-9acc9a-abd4ab-bbddbb-cce5cc-ddeedd-eef6ee-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 57AA57
RGB: 87,170,87
Hex: 67B267
RGB: 103,178,103
Hex: 78BB78
RGB: 120,187,120
Hex: 89C389
RGB: 137,195,137
Hex: 9ACC9A
RGB: 154,204,154
Hex: ABD4AB
RGB: 171,212,171
Hex: BBDDBB
RGB: 187,221,187
Hex: CCE5CC
RGB: 204,229,204
Hex: DDEEDD
RGB: 221,238,221
Hex: EEF6EE
RGB: 238,246,238
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
EEF7EE
DDEEDD
CDE6CD
BCDDBC
ABD5AB
9ACC9A
89C489
79BB79
68B368
57AA57
4E994E
468846
3D773D
346634
2C552C
234423
1A331A
112211
091109
000000
FFFFFF
F0F7F0
E1F0E1
D1E8D1
C2E0C2
B3D9B3
A4D1A4
95C995
85C185
76BA76
67B267
5DA05D
528E52
487D48
3E6B3E
345934
294729
1F351F
152415
0A120A
000000
FFFFFF
F2F8F2
E4F1E4
D7EBD7
C9E4C9
BCDDBC
AED6AE
A1CFA1
93C993
86C286
78BB78
6CA86C
609660
548354
487048
3C5E3C
304B30
243824
182518
0C130C
000000
FFFFFF
F3F9F3
E7F3E7
DCEDDC
D0E7D0
C4E1C4
B8DBB8
ACD5AC
A1CFA1
95C995
89C389
7BB07B
6E9C6E
608960
527552
456245
374E37
293A29
1B271B
0E130E
000000
FFFFFF
F5FAF5
EBF5EB
E1F0E1
D7EBD7
CDE6CD
C2E0C2
B8DBB8
AED6AE
A4D1A4
9ACC9A
8BB88B
7BA37B
6C8F6C
5C7A5C
4D664D
3E523E
2E3D2E
1F291F
0F140F
000000
FFFFFF
F7FBF7
EEF6EE
E6F2E6
DDEEDD
D5EAD5
CDE5CD
C4E1C4
BCDDBC
B3D8B3
ABD4AB
9ABF9A
89AA89
789478
677F67
566A56
445544
334033
222A22
111511
000000
FFFFFF
F8FCF8
F1F8F1
EBF5EB
E4F1E4
DDEEDD
D6EBD6
CFE7CF
C9E4C9
C2E0C2
BBDDBB
A8C7A8
96B196
839B83
708570
5E6F5E
4B584B
384238
252C25
131613
000000
FFFFFF
FAFCFA
F5FAF5
F0F7F0
EBF5EB
E6F2E6
E0EFE0
DBEDDB
D6EAD6
D1E8D1
CCE5CC
B8CEB8
A3B7A3
8FA08F
7A897A
667366
525C52
3D453D
292E29
141714
000000
FFFFFF
FCFDFC
F8FCF8
F5FAF5
F1F8F1
EEF7EE
EBF5EB
E7F3E7
E4F1E4
E0F0E0
DDEEDD
C7D6C7
B1BEB1
9BA79B
858F85
6F776F
585F58
424742
2C302C
161816
000000
FFFFFF
FDFEFD
FCFDFC
FAFCFA
F8FBF8
F7FBF7
F5FAF5
F3F9F3
F1F8F1
F0F7F0
EEF6EE
D6DDD6
BEC5BE
A7ACA7
8F948F
777B77
5F625F
474A47
303130
181918
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