Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/c1d2ff-adbde5-9aa8cc-8793b2-737e99-60697f-4d5366-393f4c-262a33-131519-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: C1D2FF
RGB: 193,210,255
Hex: ADBDE5
RGB: 173,189,229
Hex: 9AA8CC
RGB: 154,168,204
Hex: 8793B2
RGB: 135,147,178
Hex: 737E99
RGB: 115,126,153
Hex: 60697F
RGB: 96,105,127
Hex: 4D5366
RGB: 77,83,102
Hex: 393F4C
RGB: 57,63,76
Hex: 262A33
RGB: 38,42,51
Hex: 131519
RGB: 19,21,25
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
F9FBFF
F3F6FF
ECF2FF
E6EDFF
E0E9FF
DAE4FF
D4E0FF
CDDBFF
C7D7FF
C1D2FF
AEBDE6
9AA8CC
8793B3
747E99
616980
4D5466
3A3F4C
272A33
131519
000000
FFFFFF
F7F8FC
EFF2FA
E6EBF7
DEE5F5
D6DEF2
CED7EF
C6D1ED
BDCAEA
B5C4E8
ADBDE5
9CAACE
8A97B7
7984A0
687189
575F73
454C5C
343945
23262E
111317
000000
FFFFFF
F5F6FA
EBEEF5
E1E5F0
D7DCEB
CDD4E6
C2CBE0
B8C2DB
AEB9D6
A4B1D1
9AA8CC
8B97B8
7B86A3
6C768F
5C657A
4D5466
3E4352
2E323D
1F2229
0F1114
000000
FFFFFF
F3F4F7
E7E9F0
DBDFE8
CFD4E0
C3C9D9
B7BED1
ABB3C9
9FA9C1
939EBA
8793B2
7A84A0
6C768E
5F677D
51586B
444A59
363B47
282C35
1B1D24
0D0F12
000000
FFFFFF
F1F2F5
E3E5EB
D5D8E0
C7CBD6
B9BFCC
ABB2C2
9DA5B8
8F98AD
818BA3
737E99
68718A
5C657A
51586B
454C5C
3A3F4D
2E323D
22262E
17191F
0B0D0F
000000
FFFFFF
EFF0F2
DFE1E5
CFD2D9
BFC3CC
B0B4BF
A0A5B2
9096A5
808799
70788C
60697F
565F72
4D5466
434A59
3A3F4C
303540
262A33
1D1F26
131519
0A0A0D
000000
FFFFFF
EDEEF0
DBDDE0
CACBD1
B8BAC2
A6A9B3
9498A3
828794
717585
5F6475
4D5366
454B5C
3E4252
363A47
2E323D
272A33
1F2129
17191F
0F1114
08080A
000000
FFFFFF
EBECED
D7D9DB
C4C5C9
B0B2B7
9C9FA6
888C94
747982
616570
4D525E
393F4C
333944
2E323D
282C35
22262E
1D2026
17191E
111317
0B0D0F
060608
000000
FFFFFF
E9EAEB
D4D4D6
BEBFC2
A8AAAD
939599
7D7F85
676A70
51555C
3C3F47
262A33
22262E
1E2229
1B1D24
17191F
13151A
0F1114
0B0D0F
08080A
040405
000000
FFFFFF
E7E8E8
D0D0D1
B8B9BA
A1A1A3
898A8C
717375
5A5B5E
424447
2B2C30
131519
111317
0F1114
0D0F12
0B0D0F
0A0B0D
08080A
060607
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