Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/c1dade-adc4c7-9aaeb1-87989b-738285-606d6f-4d5758-394142-262b2c-131516-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: C1DADE
RGB: 193,218,222
Hex: ADC4C7
RGB: 173,196,199
Hex: 9AAEB1
RGB: 154,174,177
Hex: 87989B
RGB: 135,152,155
Hex: 738285
RGB: 115,130,133
Hex: 606D6F
RGB: 96,109,111
Hex: 4D5758
RGB: 77,87,88
Hex: 394142
RGB: 57,65,66
Hex: 262B2C
RGB: 38,43,44
Hex: 131516
RGB: 19,21,22
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
F9FBFC
F3F8F8
ECF4F5
E6F0F2
E0EDEF
DAE9EB
D4E5E8
CDE1E5
C7DEE1
C1DADE
AEC4C8
9AAEB2
87999B
748385
616D6F
4D5759
3A4143
272C2C
131616
000000
FFFFFF
F7F9F9
EFF3F4
E6EDEE
DEE7E9
D6E2E3
CEDCDD
C6D6D8
BDD0D2
B5CACD
ADC4C7
9CB0B3
8A9D9F
79898B
687677
576264
454E50
343B3C
232728
111414
000000
FFFFFF
F5F7F7
EBEFEF
E1E7E8
D7DFE0
CDD7D8
C2CED0
B8C6C8
AEBEC1
A4B6B9
9AAEB1
8B9D9F
7B8B8E
6C7A7C
5C686A
4D5759
3E4647
2E3435
1F2323
0F1112
000000
FFFFFF
F3F5F5
E7EAEB
DBE0E1
CFD6D7
C3CCCD
B7C1C3
ABB7B9
9FADAF
93A2A5
87989B
7A898C
6C7A7C
5F6A6D
515B5D
444C4E
363D3E
282E2E
1B1E1F
0D0F0F
000000
FFFFFF
F1F3F3
E3E6E7
D5DADA
C7CDCE
B9C1C2
ABB4B6
9DA8AA
8F9B9D
818F91
738285
687578
5C686A
515B5D
454E50
3A4143
2E3435
222728
171A1B
0B0D0D
000000
FFFFFF
EFF0F1
DFE2E2
CFD3D4
BFC5C5
B0B6B7
A0A7A9
90999A
808A8C
707C7D
606D6F
566264
4D5759
434C4E
3A4143
303738
262C2C
1D2121
131616
0A0B0B
000000
FFFFFF
EDEEEE
DBDDDE
CACDCD
B8BCBC
A6ABAC
949A9B
82898A
717979
5F6869
4D5758
454E4F
3E4646
363D3E
2E3435
272C2C
1F2323
171A1A
0F1112
080909
000000
FFFFFF
EBECEC
D7D9D9
C4C6C6
B0B3B3
9CA0A1
888D8E
747A7B
616768
4D5455
394142
333B3B
2E3435
282E2E
222728
1D2121
171A1A
111314
0B0D0D
060607
000000
FFFFFF
E9EAEA
D4D5D5
BEBFC0
A8AAAB
939596
7D8080
676B6B
515556
3C4041
262B2C
222728
1E2223
1B1E1F
171A1A
131616
0F1112
0B0D0D
080909
040404
000000
FFFFFF
E7E8E8
D0D0D0
B8B9B9
A1A1A2
898A8B
717373
5A5B5C
424445
2B2C2D
131516
111314
0F1112
0D0F0F
0B0D0D
0A0B0B
080809
060607
040404
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