Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/cdedf6-b8d5dd-a4bec5-90a6ac-7b8e94-66767b-525f62-3d474a-292f31-141819-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: CDEDF6
RGB: 205,237,246
Hex: B8D5DD
RGB: 184,213,221
Hex: A4BEC5
RGB: 164,190,197
Hex: 90A6AC
RGB: 144,166,172
Hex: 7B8E94
RGB: 123,142,148
Hex: 66767B
RGB: 102,118,123
Hex: 525F62
RGB: 82,95,98
Hex: 3D474A
RGB: 61,71,74
Hex: 292F31
RGB: 41,47,49
Hex: 141819
RGB: 20,24,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
FAFDFE
F5FBFD
F0FAFC
EBF8FB
E6F6FB
E1F4FA
DCF2F9
D7F1F8
D2EFF7
CDEDF6
B9D5DD
A4BEC5
90A6AC
7B8E94
67777B
525F62
3D474A
292F31
141819
000000
FFFFFF
F8FBFC
F1F7F8
EAF2F5
E3EEF1
DCEAEE
D4E6EB
CDE2E7
C6DDE4
BFD9E0
B8D5DD
A6C0C7
93AAB1
81959B
6E8085
5C6B6F
4A5558
374042
252B2C
121516
000000
FFFFFF
F6F9F9
EDF2F3
E4ECEE
DBE5E8
D2DFE2
C8D8DC
BFD2D6
B6CBD1
ADC5CB
A4BEC5
94ABB1
83989E
73858A
627276
525F63
424C4F
31393B
212627
101314
000000
FFFFFF
F4F6F7
E9EDEE
DEE4E6
D3DBDE
C8D3D6
BCCACD
B1C1C5
A6B8BD
9BAFB4
90A6AC
82959B
73858A
657478
566467
485356
3A4245
2B3234
1D2122
0E1111
000000
FFFFFF
F2F4F4
E5E8EA
D7DDDF
CAD2D4
BDC7CA
B0BBBF
A3B0B4
95A5A9
88999F
7B8E94
6F8085
627276
566368
4A5559
3E474A
31393B
252B2C
191C1E
0C0E0F
000000
FFFFFF
F0F1F2
E0E4E5
D1D6D7
C2C8CA
B3BBBD
A3ADB0
949FA3
859195
758488
66767B
5C6A6F
525E62
475356
3D474A
333B3E
292F31
1F2325
141819
0A0C0C
000000
FFFFFF
EEEFEF
DCDFE0
CBCFD0
BABFC0
A9AFB1
979FA1
868F91
757F81
636F72
525F62
4A5658
424C4E
394345
31393B
293031
212627
191C1D
101314
08090A
000000
FFFFFF
ECEDED
D8DADB
C5C8C9
B1B5B7
9EA3A5
8B9192
777E80
646C6E
50595C
3D474A
374043
31393B
2B3234
252B2C
1F2425
181C1E
121516
0C0E0F
060707
000000
FFFFFF
EAEAEA
D4D5D6
BFC1C1
A9ACAD
949798
7F8283
696D6F
54595A
3E4446
292F31
252A2C
212627
1D2122
191C1D
151819
101314
0C0E0F
08090A
040505
000000
FFFFFF
E8E8E8
D0D1D1
B9BABA
A1A3A3
8A8C8C
727475
5B5D5E
434647
2C2F30
141819
121617
101314
0E1112
0C0E0F
0A0C0D
080A0A
060707
040505
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