Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/64a2c7-5a91b3-50819f-46718b-3c6177-325163-27404f-1e303b-142027-0a1013-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 64A2C7
RGB: 100,162,199
Hex: 5A91B3
RGB: 90,145,179
Hex: 50819F
RGB: 80,129,159
Hex: 46718B
RGB: 70,113,139
Hex: 3C6177
RGB: 60,97,119
Hex: 325163
RGB: 50,81,99
Hex: 27404F
RGB: 39,64,79
Hex: 1E303B
RGB: 30,48,59
Hex: 142027
RGB: 20,32,39
Hex: 0A1013
RGB: 10,16,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
F0F6F9
E0ECF4
D1E3EE
C1DAE9
B2D1E3
A2C7DD
93BED8
83B5D2
74ABCD
64A2C7
5A92B3
50829F
46718B
3C6177
325164
284150
1E313C
142028
0A1014
000000
FFFFFF
EFF4F7
DEE9F0
CEDEE8
BDD3E1
ADC8D9
9CBDD1
8CB2CA
7BA7C2
6B9CBB
5A91B3
5183A1
48748F
3F667D
36576B
2D495A
243A48
1B2B36
121D24
090E12
000000
FFFFFF
EEF2F5
DCE6EC
CBD9E2
B9CDD9
A8C0CF
96B3C5
85A7BC
739AB2
628EA9
50819F
48748F
40677F
385A6F
304D5F
284150
203440
182730
101A20
080D10
000000
FFFFFF
EDF1F3
DAE3E8
C8D4DC
B5C6D1
A3B8C5
90AAB9
7E9CAE
6B8DA2
597F97
46718B
3F667D
385A6F
314F61
2A4453
233946
1C2D38
15222A
0E171C
070B0E
000000
FFFFFF
ECEFF1
D8DFE4
C5D0D6
B1C0C9
9EB0BB
8AA0AD
7790A0
638192
507185
3C6177
36576B
304E5F
2A4453
243A47
1E313C
182730
121D24
0C1318
060A0C
000000
FFFFFF
EBEEEF
D6DCE0
C2CBD0
ADB9C1
99A8B1
8497A1
708592
5B7482
476273
325163
2D4959
28414F
233945
1E313B
192932
142028
0F181E
0A1014
05080A
000000
FFFFFF
E9ECED
D4D9DC
BEC6CA
A9B3B9
93A0A7
7D8C95
687984
526672
3D5361
27404F
233A47
1F333F
1B2D37
17262F
142028
101A20
0C1318
080D10
040608
000000
FFFFFF
E9EAEB
D2D6D8
BCC1C4
A5ACB1
8F989D
788389
626E76
4B5962
35454F
1E303B
1B2B35
18262F
152229
121D23
0F181E
0C1318
090E12
060A0C
030506
000000
FFFFFF
E8E9E9
D0D2D4
B9BCBE
A1A6A9
8A9093
72797D
5B6368
434D52
2C363D
142027
121D23
101A1F
0E161B
0C1317
0A1014
080D10
060A0C
040608
020304
000000
FFFFFF
E7E7E7
CECFD0
B6B7B8
9D9FA1
858889
6C7071
54585A
3B4042
23282B
0A1013
090E11
080D0F
070B0D
060A0B
05080A
040608
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