Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/66a6f1-75aef2-84b7f3-93c0f5-a3c9f6-b2d2f8-c1dbf9-d1e4fa-e0edfc-eff6fd-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 66A6F1
RGB: 102,166,241
Hex: 75AEF2
RGB: 117,174,242
Hex: 84B7F3
RGB: 132,183,243
Hex: 93C0F5
RGB: 147,192,245
Hex: A3C9F6
RGB: 163,201,246
Hex: B2D2F8
RGB: 178,210,248
Hex: C1DBF9
RGB: 193,219,249
Hex: D1E4FA
RGB: 209,228,250
Hex: E0EDFC
RGB: 224,237,252
Hex: EFF6FD
RGB: 239,246,253
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
F0F6FE
E0EDFC
D1E4FB
C2DBF9
B3D3F8
A3CAF7
94C1F5
85B8F4
75AFF2
66A6F1
5C95D9
5285C1
4774A9
3D6491
335379
294260
1F3248
142130
0A1118
000000
FFFFFF
F1F7FE
E3EFFC
D6E7FB
C8DFFA
BAD7F9
ACCEF7
9EC6F6
91BEF5
83B6F3
75AEF2
699DDA
5E8BC2
527AA9
466891
3B5779
2F4661
233449
172330
0C1118
000000
FFFFFF
F3F8FE
E6F1FD
DAE9FB
CEE2FA
C2DBF9
B5D4F8
A9CDF7
9DC5F5
90BEF4
84B7F3
77A5DB
6A92C2
5C80AA
4F6E92
425C7A
354961
283749
1A2531
0D1218
000000
FFFFFF
F4F9FE
E9F2FD
DFECFC
D4E6FB
C9E0FA
BED9F9
B3D3F8
A9CDF7
9EC6F6
93C0F5
84ADDD
769AC4
6786AC
587393
4A607B
3B4D62
2C3A49
1D2631
0F1318
000000
FFFFFF
F6FAFE
EDF4FD
E3EFFC
DAE9FB
D1E4FB
C8DFFA
BFD9F9
B5D4F8
ACCEF7
A3C9F6
93B5DD
82A1C5
728DAC
627994
52657B
415062
313C4A
212831
101419
000000
FFFFFF
F7FBFE
F0F6FE
E8F2FD
E0EDFC
D9E9FC
D1E4FB
C9E0FA
C1DBF9
BAD7F9
B2D2F8
A0BDDF
8EA8C6
7D93AE
6B7E95
59697C
475463
353F4A
242A32
121519
000000
FFFFFF
F9FBFE
F3F8FE
ECF4FD
E6F1FD
E0EDFC
DAE9FB
D4E6FB
CDE2FA
C7DFFA
C1DBF9
AEC5E0
9AAFC7
8799AE
748395
616E7D
4D5864
3A424B
272C32
131619
000000
FFFFFF
FAFCFF
F6FAFE
F1F7FE
EDF4FD
E8F2FD
E3EFFC
DFECFC
DAE9FB
D6E7FB
D1E4FA
BCCDE1
A7B6C8
92A0AF
7D8996
69727D
545B64
3F444B
2A2E32
151719
000000
FFFFFF
FCFDFF
F9FBFE
F6FAFE
F3F8FE
F0F6FE
ECF4FD
E9F2FD
E6F1FD
E3EFFC
E0EDFC
CAD5E3
B3BECA
9DA6B0
868E97
70777E
5A5F65
43474C
2D2F32
161819
000000
FFFFFF
FDFEFF
FCFDFF
FAFCFE
F9FBFE
F7FBFE
F5FAFE
F4F9FE
F2F8FD
F1F7FD
EFF6FD
D7DDE4
BFC5CA
A7ACB1
8F9498
787B7F
606265
484A4C
303133
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