Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/63a7e1-72afe4-82b8e7-91c1ea-a1caed-b1d3f0-c0dbf3-d0e4f6-dfedf9-eff6fc-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 63A7E1
RGB: 99,167,225
Hex: 72AFE4
RGB: 114,175,228
Hex: 82B8E7
RGB: 130,184,231
Hex: 91C1EA
RGB: 145,193,234
Hex: A1CAED
RGB: 161,202,237
Hex: B1D3F0
RGB: 177,211,240
Hex: C0DBF3
RGB: 192,219,243
Hex: D0E4F6
RGB: 208,228,246
Hex: DFEDF9
RGB: 223,237,249
Hex: EFF6FC
RGB: 239,246,252
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
EFF6FC
E0EDF9
D0E5F6
C1DCF3
B1D3F0
A1CAED
92C1EA
82B9E7
73B0E4
63A7E1
5996CB
4F86B4
45759E
3B6487
325471
28435A
1E3243
14212D
0A1116
000000
FFFFFF
F1F7FC
E3EFFA
D5E7F7
C7DFF4
B9D7F2
AACFEF
9CC7EC
8EBFE9
80B7E7
72AFE4
679ECD
5B8CB6
507AA0
446989
395872
2E465B
223444
17232E
0B1117
000000
FFFFFF
F3F8FD
E6F1FA
DAEAF8
CDE3F5
C1DCF3
B4D4F1
A8CDEE
9BC6EC
8FBFE9
82B8E7
75A6D0
6893B9
5B81A2
4E6E8B
415C74
344A5C
273745
1A252E
0D1217
000000
FFFFFF
F4F9FD
E9F3FB
DEECF9
D3E6F7
C8E0F5
BDDAF2
B2D4F0
A7CDEE
9CC7EC
91C1EA
83AED3
749ABB
6687A4
57748C
496175
3A4D5E
2B3A46
1D272F
0E1317
000000
FFFFFF
F6FAFD
ECF4FB
E3EFFA
D9EAF8
D0E5F6
C7DFF4
BDDAF2
B4D5F1
AACFEF
A1CAED
91B6D5
81A2BE
718DA6
61798E
516577
40515F
303D47
20282F
101418
000000
FFFFFF
F7FBFE
EFF6FC
E8F2FB
E0EDF9
D8E9F8
D0E5F6
C8E0F5
C1DCF3
B9D7F2
B1D3F0
9FBED8
8EA9C0
7C94A8
6A7F90
596A78
475460
353F48
232A30
121518
000000
FFFFFF
F9FBFE
F2F8FD
ECF4FB
E6F1FA
E0EDF9
D9E9F8
D3E6F7
CDE2F5
C6DFF4
C0DBF3
ADC5DB
9AAFC2
8699AA
738392
606E7A
4D5861
3A4249
262C31
131618
000000
FFFFFF
FAFCFE
F6FAFD
F1F7FC
ECF4FB
E8F2FB
E3EFFA
DEECF9
D9E9F8
D5E7F7
D0E4F6
BBCDDD
A6B6C5
92A0AC
7D8994
68727B
535B62
3E444A
2A2E31
151719
000000
FFFFFF
FCFDFE
F9FBFE
F5FAFD
F2F8FD
EFF6FC
ECF4FB
E9F2FB
E5F1FA
E2EFFA
DFEDF9
C9D5E0
B2BEC7
9CA6AE
868E95
70777D
595F64
43474B
2D2F32
161819
000000
FFFFFF
FDFEFF
FCFDFE
FAFCFE
F9FBFE
F7FBFE
F5FAFD
F4F9FD
F2F8FD
F1F7FC
EFF6FC
D7DDE3
BFC5CA
A7ACB0
8F9497
787B7E
606265
484A4C
303132
181919
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