Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/68aecd-5d9cb8-538ba4-48798f-3e687b-345766-294551-1f343d-142229-0a1114-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 68AECD
RGB: 104,174,205
Hex: 5D9CB8
RGB: 93,156,184
Hex: 538BA4
RGB: 83,139,164
Hex: 48798F
RGB: 72,121,143
Hex: 3E687B
RGB: 62,104,123
Hex: 345766
RGB: 52,87,102
Hex: 294551
RGB: 41,69,81
Hex: 1F343D
RGB: 31,52,61
Hex: 142229
RGB: 20,34,41
Hex: 0A1114
RGB: 10,17,20
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
F0F7FA
E1EFF5
D2E7F0
C3DFEB
B4D7E6
A4CEE1
95C6DC
86BED7
77B6D2
68AECD
5E9DB9
538BA4
497A90
3E687B
345767
2A4652
1F343D
152329
0A1114
000000
FFFFFF
EFF5F8
DFEBF1
CEE1EA
BED7E3
AECEDC
9EC4D4
8EBACD
7DB0C6
6DA6BF
5D9CB8
548CA6
4A7D93
416D81
385E6E
2F4E5C
253E4A
1C2F37
131F25
091012
000000
FFFFFF
EEF3F6
DDE8ED
CBDCE4
BAD1DB
A9C5D2
98B9C8
87AEBF
75A2B6
6497AD
538BA4
4B7D94
426F83
3A6173
325362
2A4652
213842
192A31
111C21
080E10
000000
FFFFFF
EDF2F4
DAE4E9
C8D7DD
B6C9D2
A4BCC7
91AFBC
7FA1B1
6D94A5
5A869A
48798F
416D81
3A6172
325564
2B4956
243D48
1D3039
16242B
0E181D
070C0E
000000
FFFFFF
ECF0F2
D8E1E5
C5D2D7
B2C3CA
9FB4BD
8BA4B0
7895A3
658695
517788
3E687B
385E6F
325362
2B4956
253E4A
1F343E
192A31
131F25
0C1519
060A0C
000000
FFFFFF
EBEEF0
D6DDE0
C2CDD1
AEBCC2
9AABB3
859AA3
718994
5D7985
486875
345766
2F4E5C
2A4652
243D47
1F343D
1A2C33
152329
101A1F
0A1114
05090A
000000
FFFFFF
EAECEE
D4DADC
BFC7CB
A9B5B9
94A2A8
7F8F97
697D85
546A74
3E5862
294551
253E49
213741
1D3039
192931
152329
101C20
0C1518
080E10
040708
000000
FFFFFF
E9EBEC
D2D6D8
BCC2C5
A5AEB1
8F9A9E
79858B
627177
4C5D64
354850
1F343D
1C2F37
192A31
16242B
131F25
101A1F
0C1518
091012
060A0C
030506
000000
FFFFFF
E8E9EA
D0D3D4
B9BDBF
A1A7A9
8A9194
727A7F
5B6469
434E54
2C383E
142229
121F25
101B21
0E181D
0C1419
0A1115
080E10
060A0C
040708
020304
000000
FFFFFF
E7E7E8
CECFD0
B6B8B9
9DA0A1
85888A
6C7072
54585B
3B4143
23292C
0A1114
090F12
080E10
070C0E
060A0C
05090A
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