Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/31aa8d-45b298-5abba3-6ec3af-83ccba-98d4c6-acddd1-c1e5dc-d5eee8-eaf6f3-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 31AA8D
RGB: 49,170,141
Hex: 45B298
RGB: 69,178,152
Hex: 5ABBA3
RGB: 90,187,163
Hex: 6EC3AF
RGB: 110,195,175
Hex: 83CCBA
RGB: 131,204,186
Hex: 98D4C6
RGB: 152,212,198
Hex: ACDDD1
RGB: 172,221,209
Hex: C1E5DC
RGB: 193,229,220
Hex: D5EEE8
RGB: 213,238,232
Hex: EAF6F3
RGB: 234,246,243
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
EAF7F4
D6EEE8
C1E6DD
ADDDD1
98D5C6
83CCBB
6FC4AF
5ABBA4
46B398
31AA8D
2C997F
278871
227763
1D6655
195547
144438
0F332A
0A221C
05110E
000000
FFFFFF
ECF7F5
DAF0EA
C7E8E0
B5E0D6
A2D9CC
8FD1C1
7DC9B7
6AC1AD
58BAA2
45B298
3EA089
378E7A
307D6A
296B5B
23594C
1C473D
15352E
0E241E
07120F
000000
FFFFFF
EFF8F6
DEF1ED
CEEBE3
BDE4DA
ADDDD1
9CD6C8
8CCFBF
7BC9B5
6BC2AC
5ABBA3
51A893
489682
3F8372
367062
2D5E52
244B41
1B3831
122521
091310
000000
FFFFFF
F1F9F7
E2F3EF
D4EDE7
C5E7DF
B7E1D7
A8DBCF
9AD5C7
8BCFBF
7DC9B7
6EC3AF
63B09E
589C8C
4D897A
427569
376258
2C4E46
213A34
162723
0B1311
000000
FFFFFF
F3FAF8
E6F5F1
DAF0EA
CDEBE3
C1E6DD
B5E0D6
A8DBCF
9CD6C8
8FD1C1
83CCBA
76B8A7
69A395
5C8F82
4F7A70
42665D
34524A
273D38
1A2925
0D1413
000000
FFFFFF
F5FBF9
EAF6F4
E0F2EE
D6EEE8
CCEAE3
C1E5DD
B7E1D7
ADDDD1
A2D8CC
98D4C6
89BFB2
7AAA9E
6A948B
5B7F77
4C6A63
3D554F
2E403B
1E2A28
0F1514
000000
FFFFFF
F7FCFA
EEF8F6
E6F5F1
DEF1ED
D6EEE8
CDEBE3
C5E7DF
BDE4DA
B4E0D6
ACDDD1
9BC7BC
8AB1A7
789B92
67857D
566F69
455854
34423F
222C2A
111615
000000
FFFFFF
F9FCFC
F3FAF8
ECF7F5
E6F5F1
E0F2EE
DAEFEA
D4EDE7
CDEAE3
C7E8E0
C1E5DC
AECEC6
9AB7B0
87A09A
748984
61736E
4D5C58
3A4542
272E2C
131716
000000
FFFFFF
FBFDFD
F7FCFA
F2FAF8
EEF8F6
EAF7F4
E6F5F1
E2F3EF
DDF1ED
D9F0EA
D5EEE8
C0D6D1
AABEBA
95A7A2
808F8B
6B7774
555F5D
404746
2B302E
151817
000000
FFFFFF
FDFEFE
FBFDFD
F9FCFB
F7FBFA
F5FBF9
F2FAF8
F0F9F7
EEF8F5
ECF7F4
EAF6F3
D3DDDB
BBC5C2
A4ACAA
8C9492
757B7A
5E6261
464A49
2F3131
171918
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