Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/62acc0-589aac-4e8999-447886-3a6773-315660-27444c-1d3339-132226-091113-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 62ACC0
RGB: 98,172,192
Hex: 589AAC
RGB: 88,154,172
Hex: 4E8999
RGB: 78,137,153
Hex: 447886
RGB: 68,120,134
Hex: 3A6773
RGB: 58,103,115
Hex: 315660
RGB: 49,86,96
Hex: 27444C
RGB: 39,68,76
Hex: 1D3339
RGB: 29,51,57
Hex: 132226
RGB: 19,34,38
Hex: 091113
RGB: 9,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
EFF7F9
E0EEF2
D0E6EC
C0DEE6
B1D6E0
A1CDD9
91C5D3
81BDCD
72B4C6
62ACC0
589BAD
4E8A9A
457886
3B6773
315660
27454D
1D343A
142226
0A1113
000000
FFFFFF
EEF5F7
DEEBEE
CDE1E6
BCD7DE
ACCDD6
9BC2CD
8AB8C5
79AEBD
69A4B4
589AAC
4F8B9B
467B8A
3E6C78
355C67
2C4D56
233E45
1A2E34
121F22
090F11
000000
FFFFFF
EDF3F5
DCE7EB
CADCE0
B8D0D6
A7C4CC
95B8C2
83ACB8
71A1AD
6095A3
4E8999
467B8A
3E6E7A
37606B
2F525C
27454D
1F373D
17292E
101B1F
080E0F
000000
FFFFFF
ECF2F3
DAE4E7
C7D7DB
B4C9CF
A2BCC3
8FAEB6
7CA1AA
69939E
578692
447886
3D6C79
36606B
30545E
294850
223C43
1B3036
142428
0E181B
070C0D
000000
FFFFFF
EBF0F1
D8E1E3
C4D1D5
B0C2C7
9DB3B9
89A4AB
75959D
61858F
4E7681
3A6773
345D68
2E525C
294851
233E45
1D343A
17292E
111F22
0C1517
060A0B
000000
FFFFFF
EAEEEF
D6DDDF
C1CCCF
ADBBBF
98ABB0
839AA0
6F8990
5A7880
466770
315660
2C4D56
27454D
223C43
1D343A
192B30
142226
0F1A1D
0A1113
05090A
000000
FFFFFF
E9ECED
D4DADB
BEC7C9
A9B4B7
93A2A6
7D8F94
687C82
526970
3D575E
27444C
233D44
1F363D
1B3035
17292E
142226
101B1E
0C1417
080E0F
040708
000000
FFFFFF
E8EBEB
D2D6D7
BBC2C4
A5ADB0
8E999C
778588
617074
4A5C61
34474D
1D3339
1A2E33
17292E
142428
111F22
0F1A1D
0C1417
090F11
060A0B
030506
000000
FFFFFF
E7E9E9
D0D3D4
B8BDBE
A1A7A8
899193
717A7D
5A6467
424E51
2B383C
132226
111F22
0F1B1E
0D181B
0B1417
0A1113
080E0F
060A0B
040708
020304
000000
FFFFFF
E6E7E7
CECFD0
B5B8B8
9DA0A1
848889
6B7071
53585A
3A4142
22292B
091113
080F11
070E0F
060C0D
050A0B
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