Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/1d7c77-338984-4a9692-60a39f-77b0ad-8ebdbb-a4cac8-bbd7d6-d1e4e3-e8f1f1-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 1D7C77
RGB: 29,124,119
Hex: 338984
RGB: 51,137,132
Hex: 4A9692
RGB: 74,150,146
Hex: 60A39F
RGB: 96,163,159
Hex: 77B0AD
RGB: 119,176,173
Hex: 8EBDBB
RGB: 142,189,187
Hex: A4CAC8
RGB: 164,202,200
Hex: BBD7D6
RGB: 187,215,214
Hex: D1E4E3
RGB: 209,228,227
Hex: E8F1F1
RGB: 232,241,241
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
E8F2F1
D2E5E4
BBD8D6
A5CBC9
8EBEBB
77B0AD
61A3A0
4A9692
348985
1D7C77
1A706B
17635F
145753
114A47
0F3E3C
0C3230
092524
061918
030C0C
000000
FFFFFF
EBF3F3
D6E7E6
C2DCDA
ADD0CE
99C4C2
85B8B5
70ACA9
5CA19D
479590
338984
2E7B77
296E6A
24605C
1F524F
1A4542
143735
0F2928
0A1B1A
050E0D
000000
FFFFFF
EDF5F4
DBEAE9
C9E0DE
B7D5D3
A5CBC9
92C0BE
80B6B3
6EABA8
5CA19D
4A9692
438783
3B7875
346966
2C5A58
254B49
1E3C3A
162D2C
0F1E1D
070F0F
000000
FFFFFF
EFF6F5
DFEDEC
CFE3E2
BFDAD9
B0D1CF
A0C8C5
90BFBC
80B5B2
70ACA9
60A39F
56938F
4D827F
43726F
3A625F
305250
264140
1D3130
132120
0A1010
000000
FFFFFF
F1F7F7
E4EFEF
D6E7E6
C9DFDE
BBD8D6
ADD0CE
A0C8C6
92C0BD
85B8B5
77B0AD
6B9E9C
5F8D8A
537B79
476A68
3C5857
304645
243534
182323
0C1211
000000
FFFFFF
F4F8F8
E8F2F1
DDEBEB
D2E5E4
C7DEDD
BBD7D6
B0D1CF
A5CAC9
99C4C2
8EBDBB
80AAA8
729796
638483
557170
475F5E
394C4B
2B3938
1C2625
0E1313
000000
FFFFFF
F6FAFA
EDF4F4
E4EFEF
DBEAE9
D2E5E4
C8DFDE
BFDAD9
B6D5D3
ADCFCE
A4CAC8
94B6B4
83A2A0
738D8C
627978
526564
425150
313D3C
212828
101414
000000
FFFFFF
F8FBFB
F1F7F7
EBF3F3
E4EFEF
DDEBEB
D6E7E6
CFE3E2
C9DFDE
C2DBDA
BBD7D6
A8C2C1
96ACAB
839796
708180
5E6C6B
4B5656
384040
252B2B
131515
000000
FFFFFF
FAFCFC
F6FAF9
F1F7F7
EDF4F4
E8F2F1
E3EFEE
DFECEB
DAE9E9
D6E7E6
D1E4E3
BCCDCC
A7B6B6
92A09F
7D8988
697272
545B5B
3F4444
2A2E2D
151717
000000
FFFFFF
FDFEFE
FAFCFC
F8FBFB
F6F9F9
F4F8F8
F1F7F7
EFF5F5
EDF4F4
EAF2F2
E8F1F1
D1D9D9
BAC1C1
A2A9A9
8B9191
747979
5D6060
464848
2E3030
171818
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