Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/77adc6-6b9bb2-5f8a9e-53798a-476776-3b5663-2f454f-23333b-172227-0b1113-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 77ADC6
RGB: 119,173,198
Hex: 6B9BB2
RGB: 107,155,178
Hex: 5F8A9E
RGB: 95,138,158
Hex: 53798A
RGB: 83,121,138
Hex: 476776
RGB: 71,103,118
Hex: 3B5663
RGB: 59,86,99
Hex: 2F454F
RGB: 47,69,79
Hex: 23333B
RGB: 35,51,59
Hex: 172227
RGB: 23,34,39
Hex: 0B1113
RGB: 11,17,19
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
F1F7F9
E4EFF4
D6E6EE
C9DEE8
BBD6E3
ADCEDD
A0C6D7
92BDD1
85B5CC
77ADC6
6B9CB2
5F8A9E
53798B
476877
3C5763
30454F
24343B
182328
0C1114
000000
FFFFFF
F0F5F7
E1EBF0
D3E1E8
C4D7E0
B5CDD9
A6C3D1
97B9C9
89AFC1
7AA5BA
6B9BB2
608CA0
567C8E
4B6D7D
405D6B
364E59
2B3E47
202E35
151F24
0B0F12
000000
FFFFFF
EFF3F5
DFE8EC
CFDCE2
BFD0D8
AFC5CF
9FB9C5
8FADBB
7FA1B1
6F96A8
5F8A9E
567C8E
4C6E7E
43616F
39535F
30454F
26373F
1C292F
131C20
090E10
000000
FFFFFF
EEF2F3
DDE4E8
CBD7DC
BAC9D0
A9BCC5
98AFB9
87A1AD
7594A1
648696
53798A
4B6D7C
42616E
3A5561
324953
2A3D45
213037
192429
11181C
080C0E
000000
FFFFFF
EDF0F1
DAE1E4
C8D1D6
B5C2C8
A3B3BB
91A4AD
7E959F
6C8591
597684
476776
405D6A
39525E
324853
2B3E47
24343B
1C292F
151F23
0E1518
070A0C
000000
FFFFFF
EBEEEF
D8DDE0
C4CCD0
B1BBC1
9DABB1
899AA1
768992
627882
4F6773
3B5663
354D59
2F454F
293C45
23343B
1E2B32
182228
121A1E
0C1114
06090A
000000
FFFFFF
EAECED
D5DADC
C1C7CA
ACB5B9
97A2A7
828F95
6D7D84
596A72
445861
2F454F
2A3E47
26373F
213037
1C292F
182328
131C20
0E1518
090E10
050708
000000
FFFFFF
E9EBEB
D3D6D8
BDC2C4
A7ADB1
91999D
7B8589
657076
4F5C62
39474F
23333B
202E35
1C292F
192429
151F23
121A1E
0E1418
0A0F12
070A0C
030506
000000
FFFFFF
E8E9E9
D1D3D4
B9BDBE
A2A7A9
8B9193
747A7D
5D6468
454E52
2E383D
172227
151F23
121B1F
10181B
0E1417
0C1114
090E10
070A0C
050708
020304
000000
FFFFFF
E7E7E7
CECFD0
B6B8B8
9DA0A1
858889
6D7071
54585A
3C4142
23292B
0B1113
0A0F11
090E0F
080C0D
070A0B
06090A
040708
030506
020304
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