Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/b7ccf6-a4b7dd-92a3c4-808eac-6d7a93-5b667b-495162-363d49-242831-121418-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: B7CCF6
RGB: 183,204,246
Hex: A4B7DD
RGB: 164,183,221
Hex: 92A3C4
RGB: 146,163,196
Hex: 808EAC
RGB: 128,142,172
Hex: 6D7A93
RGB: 109,122,147
Hex: 5B667B
RGB: 91,102,123
Hex: 495162
RGB: 73,81,98
Hex: 363D49
RGB: 54,61,73
Hex: 242831
RGB: 36,40,49
Hex: 121418
RGB: 18,20,24
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
F8FAFE
F1F5FD
E9F0FC
E2EBFB
DBE6FB
D4E0FA
CDDBF9
C5D6F8
BED1F7
B7CCF6
A5B8DD
92A3C5
808FAC
6E7A94
5C667B
495262
373D4A
252931
121419
000000
FFFFFF
F6F8FC
EDF1F8
E4E9F5
DBE2F1
D2DBEE
C8D4EB
BFCDE7
B6C5E4
ADBEE0
A4B7DD
94A5C7
8392B1
73809B
626E85
525C6F
424958
313742
21252C
101216
000000
FFFFFF
F4F6F9
E9EDF3
DEE3ED
D3DAE7
C9D1E2
BEC8DC
B3BFD6
A8B5D0
9DACCA
92A3C4
8393B0
75829D
667289
586276
495262
3A414E
2C313B
1D2127
0F1014
000000
FFFFFF
F2F4F7
E6E8EE
D9DDE6
CCD2DE
C0C7D6
B3BBCD
A6B0C5
99A5BD
8D99B4
808EAC
73809B
66728A
5A6378
4D5567
404756
333945
262B34
1A1C22
0D0E11
000000
FFFFFF
F0F2F4
E2E4E9
D3D7DF
C5CAD4
B6BDC9
A7AFBE
99A2B3
8A95A9
7C879E
6D7A93
626E84
576276
4C5567
414958
373D4A
2C313B
21252C
16181D
0B0C0F
000000
FFFFFF
EFF0F2
DEE0E5
CED1D7
BDC2CA
ADB3BD
9DA3B0
8C94A3
7C8595
6B7588
5B667B
525C6F
495262
404756
373D4A
2E333E
242931
1B1F25
121419
090A0C
000000
FFFFFF
EDEEEF
DBDCE0
C8CBD0
B6B9C0
A4A8B1
9297A1
808591
6D7481
5B6272
495162
424958
3A414E
333945
2C313B
252931
1D2027
16181D
0F1014
07080A
000000
FFFFFF
EBECED
D7D8DB
C3C5C8
AFB1B6
9B9EA4
868B92
727780
5E646D
4A505B
363D49
313742
2B313A
262B33
20252C
1B1F25
16181D
101216
0B0C0F
050607
000000
FFFFFF
E9EAEA
D3D4D6
BDBFC1
A7A9AD
929498
7C7E83
66696F
50535A
3A3E46
242831
20242C
1D2027
191C22
16181D
121419
0E1014
0B0C0F
07080A
040405
000000
FFFFFF
E7E8E8
D0D0D1
B8B9BA
A0A1A3
898A8C
717274
595B5D
414346
2A2C2F
121418
101216
0E1013
0D0E11
0B0C0E
090A0C
07080A
050607
040405
020202
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