Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/7df2e4-70d9cd-64c1b6-57a99f-4b9188-3e7972-32605b-254844-19302d-0c1816-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 7DF2E4
RGB: 125,242,228
Hex: 70D9CD
RGB: 112,217,205
Hex: 64C1B6
RGB: 100,193,182
Hex: 57A99F
RGB: 87,169,159
Hex: 4B9188
RGB: 75,145,136
Hex: 3E7972
RGB: 62,121,114
Hex: 32605B
RGB: 50,96,91
Hex: 254844
RGB: 37,72,68
Hex: 19302D
RGB: 25,48,45
Hex: 0C1816
RGB: 12,24,22
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
F2FEFC
E5FCFA
D8FBF7
CBFAF4
BEF9F2
B1F7EF
A4F6EC
97F5E9
8AF3E7
7DF2E4
71DACD
64C2B6
58A9A0
4B9189
3F7972
32615B
254944
19302E
0C1817
000000
FFFFFF
F1FBFA
E2F7F5
D4F4F0
C6F0EB
B8ECE6
A9E8E1
9BE4DC
8DE1D7
7EDDD2
70D9CD
65C3B9
5AAEA4
4E9890
43827B
386D67
2D5752
22413D
162B29
0B1614
000000
FFFFFF
F0F9F8
E0F3F0
D1ECE9
C1E6E2
B2E0DB
A2DAD3
93D4CC
83CDC5
74C7BD
64C1B6
5AAEA4
509A92
46877F
3C746D
32615B
284D49
1E3A37
142724
0A1312
000000
FFFFFF
EEF6F5
DDEEEC
CDE5E2
BCDDD9
ABD4CF
9ACBC5
89C3BC
79BAB2
68B2A9
57A99F
4E988F
46877F
3D766F
34655F
2C5550
234440
1A3330
112220
091110
000000
FFFFFF
EDF4F3
DBE9E7
C9DEDB
B7D3CF
A5C8C4
93BDB8
81B2AC
6FA7A0
5D9C94
4B9188
44837A
3C746D
35665F
2D5752
264944
1E3A36
162B29
0F1D1B
070E0E
000000
FFFFFF
ECF2F1
D8E4E3
C5D7D5
B2C9C7
9FBCB9
8BAFAA
78A19C
65948E
518680
3E7972
386D67
32615B
2B5550
254944
1F3D39
19302E
132422
0C1817
060C0B
000000
FFFFFF
EBEFEF
D6DFDE
C2CFCE
ADBFBD
99B0AD
84A09D
70908C
5B807C
47706B
32605B
2D5652
284D49
234340
1E3A37
19302E
142624
0F1D1B
0A1312
050A09
000000
FFFFFF
E9EDEC
D3DADA
BEC8C7
A8B6B4
92A4A2
7C918F
667F7C
516D69
3B5A57
254844
21413D
1E3A36
1A3230
162B29
132422
0F1D1B
0B1614
070E0E
040707
000000
FFFFFF
E8EAEA
D1D6D5
BAC1C0
A3ACAB
8C9896
758381
5E6E6C
475957
304542
19302D
172B29
142624
12221F
0F1D1B
0D1817
0A1312
070E0D
050A09
020504
000000
FFFFFF
E7E8E8
CED1D0
B6BAB9
9EA3A2
868C8B
6D7473
555D5C
3D4645
242F2D
0C1816
0B1614
0A1312
08110F
070E0D
060C0B
050A09
040707
020504
010202
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