Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/def5ea-c7dcd2-b1c4bb-9baba3-85938c-6f7a75-58625d-424946-2c312e-161817-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: DEF5EA
RGB: 222,245,234
Hex: C7DCD2
RGB: 199,220,210
Hex: B1C4BB
RGB: 177,196,187
Hex: 9BABA3
RGB: 155,171,163
Hex: 85938C
RGB: 133,147,140
Hex: 6F7A75
RGB: 111,122,117
Hex: 58625D
RGB: 88,98,93
Hex: 424946
RGB: 66,73,70
Hex: 2C312E
RGB: 44,49,46
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
F5FCF9
F2FBF7
EFFAF5
EBF9F2
E8F8F0
E5F7EE
E1F6EC
DEF5EA
C8DDD3
B2C4BB
9BACA4
85938C
6F7B75
59625E
434946
2C312F
161817
000000
FFFFFF
F9FCFB
F4F8F6
EEF5F2
E9F1ED
E3EEE9
DDEAE4
D8E7E0
D2E3DB
CDE0D7
C7DCD2
B3C6BD
9FB0A8
8B9A93
77847E
646E69
505854
3C423F
282C2A
141615
000000
FFFFFF
F7F9F8
EFF3F1
E8EDEB
E0E7E4
D8E2DD
D0DCD6
C8D6CF
C1D0C9
B9CAC2
B1C4BB
9FB0A8
8E9D96
7C8983
6A7670
59625E
474E4B
353B38
232725
121413
000000
FFFFFF
F5F7F6
EBEEED
E1E6E3
D7DDDA
CDD5D1
C3CDC8
B9C4BF
AFBCB5
A5B3AC
9BABA3
8C9A93
7C8982
6D7872
5D6762
4E5652
3E4441
2E3331
1F2221
0F1110
000000
FFFFFF
F3F4F4
E7E9E8
DADFDD
CED4D1
C2C9C6
B6BEBA
AAB3AF
9DA9A3
919E98
85938C
78847E
6A7670
5D6762
505854
434A46
353B38
282C2A
1B1D1C
0D0F0E
000000
FFFFFF
F1F2F1
E2E4E3
D4D7D6
C5CAC8
B7BDBA
A9AFAC
9AA29E
8C9591
7D8783
6F7A75
646E69
59625E
4E5552
434946
383D3B
2C312F
212523
161817
0B0C0C
000000
FFFFFF
EEEFEF
DEE0DF
CDD0CE
BCC0BE
ACB1AE
9BA19E
8A918E
79817D
69726D
58625D
4F5854
464E4A
3E4541
353B38
2C312F
232725
1A1D1C
121413
090A09
000000
FFFFFF
ECEDED
D9DBDA
C6C8C8
B3B6B5
A1A4A3
8E9290
7B807E
686D6B
555B59
424946
3B423F
353A38
2E3331
282C2A
212523
1A1D1C
141615
0D0F0E
070707
000000
FFFFFF
EAEAEA
D5D6D5
C0C1C0
ABADAB
969897
808382
6B6F6D
565A58
414643
2C312E
282C29
232725
1F2220
1A1D1C
161917
121412
0D0F0E
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