Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/def4ed-c7dbd5-b1c3bd-9baaa5-85928e-6f7a76-58615e-424947-2c302f-161817-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: DEF4ED
RGB: 222,244,237
Hex: C7DBD5
RGB: 199,219,213
Hex: B1C3BD
RGB: 177,195,189
Hex: 9BAAA5
RGB: 155,170,165
Hex: 85928E
RGB: 133,146,142
Hex: 6F7A76
RGB: 111,122,118
Hex: 58615E
RGB: 88,97,94
Hex: 424947
RGB: 66,73,71
Hex: 2C302F
RGB: 44,48,47
Hex: 161817
RGB: 22,24,23
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
FCFEFD
F8FDFB
F5FCFA
F2FBF8
EFFAF6
EBF8F4
E8F7F2
E5F6F1
E1F5EF
DEF4ED
C8DCD5
B2C3BE
9BABA6
85928E
6F7A77
59625F
434947
2C312F
161818
000000
FFFFFF
F9FBFB
F4F8F7
EEF4F2
E9F1EE
E3EDEA
DDE9E6
D8E6E2
D2E2DD
CDDFD9
C7DBD5
B3C5C0
9FAFAA
8B9995
778380
646E6B
505855
3C4240
282C2B
141615
000000
FFFFFF
F7F9F8
EFF3F2
E8EDEB
E0E7E5
D8E1DE
D0DBD7
C8D5D1
C1CFCA
B9C9C4
B1C3BD
9FB0AA
8E9C97
7C8984
6A7571
59625F
474E4C
353A39
232726
121313
000000
FFFFFF
F5F7F6
EBEEED
E1E6E4
D7DDDB
CDD5D2
C3CCC9
B9C4C0
AFBBB7
A5B3AE
9BAAA5
8C9995
7C8884
6D7773
5D6663
4E5553
3E4442
2E3331
1F2221
0F1110
000000
FFFFFF
F3F4F4
E7E9E8
DADEDD
CED3D2
C2C9C7
B6BEBB
AAB3B0
9DA8A5
919D99
85928E
788380
6A7572
5D6663
505855
434947
353A39
282C2B
1B1D1C
0D0F0E
000000
FFFFFF
F1F2F1
E2E4E4
D4D7D6
C5CAC8
B7BDBB
A9AFAD
9AA29F
8C9591
7D8784
6F7A76
646E6A
59625E
4E5553
434947
383D3B
2C312F
212523
161818
0B0C0C
000000
FFFFFF
EEEFEF
DEDFDF
CDD0CF
BCC0BF
ACB0AF
9BA09E
8A908E
79817E
69716E
58615E
4F5755
464E4B
3E4442
353A38
2C312F
232726
1A1D1C
121313
090A09
000000
FFFFFF
ECEDED
D9DBDA
C6C8C8
B3B6B5
A1A4A3
8E9291
7B807E
686D6C
555B59
424947
3B4240
353A39
2E3332
282C2B
212524
1A1D1C
141615
0D0F0E
070707
000000
FFFFFF
EAEAEA
D5D6D5
C0C1C1
ABACAC
969897
808382
6B6E6D
565959
414544
2C302F
282B2A
232626
1F2221
1A1D1C
161818
121313
0D0E0E
090A09
040505
000000
FFFFFF
E8E8E8
D0D1D1
B9BAB9
A2A3A2
8B8C8B
737474
5C5D5D
454645
2D2F2E
161817
141615
121312
0F1110
0D0E0E
0B0C0C
090A09
070707
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