Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/d1f7dc-bcdec6-a7c5b0-92ac9a-7d9484-687b6e-536258-3e4a42-29312c-141816-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: D1F7DC
RGB: 209,247,220
Hex: BCDEC6
RGB: 188,222,198
Hex: A7C5B0
RGB: 167,197,176
Hex: 92AC9A
RGB: 146,172,154
Hex: 7D9484
RGB: 125,148,132
Hex: 687B6E
RGB: 104,123,110
Hex: 536258
RGB: 83,98,88
Hex: 3E4A42
RGB: 62,74,66
Hex: 29312C
RGB: 41,49,44
Hex: 141816
RGB: 20,24,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
FAFEFC
F6FDF8
F1FDF5
EDFCF1
E8FBEE
E3FAEA
DFF9E7
DAF9E3
D6F8E0
D1F7DC
BCDEC6
A7C6B0
92AD9A
7D9484
697C6E
546358
3F4A42
2A312C
151916
000000
FFFFFF
F8FCF9
F2F8F4
EBF5EE
E4F2E8
DEEFE3
D7EBDD
D0E8D7
C9E5D1
C3E1CC
BCDEC6
A9C8B2
96B29E
849B8B
718577
5E6F63
4B594F
38433B
262C28
131614
000000
FFFFFF
F6F9F7
EDF3EF
E5EEE7
DCE8DF
D3E2D8
CADCD0
C1D6C8
B9D1C0
B0CBB8
A7C5B0
96B19E
869E8D
758A7B
64766A
546358
434F46
323B35
212723
111412
000000
FFFFFF
F4F7F5
E9EEEB
DEE6E1
D3DED7
C9D6CD
BECDC2
B3C5B8
A8BDAE
9DB4A4
92AC9A
839B8B
758A7B
66786C
58675C
49564D
3A453E
2C342E
1D221F
0F110F
000000
FFFFFF
F2F4F3
E5EAE6
D8DFDA
CBD4CE
BECAC2
B1BFB5
A4B4A9
97A99D
8A9F90
7D9484
718577
64766A
58685C
4B594F
3F4A42
323B35
252C28
191E1A
0C0F0D
000000
FFFFFF
F0F2F1
E1E5E2
D2D7D4
C3CAC5
B4BDB7
A4B0A8
95A39A
86958B
77887D
687B6E
5E6F63
536258
49564D
3E4A42
343E37
2A312C
1F2521
151916
0A0C0B
000000
FFFFFF
EEEFEE
DDE0DE
CBD0CD
BAC0BC
A9B1AC
98A19B
87918A
758179
647269
536258
4B584F
424E46
3A453E
323B35
2A312C
212723
191D1A
111412
080A09
000000
FFFFFF
ECEDEC
D8DBD9
C5C9C6
B2B7B3
9FA5A1
8B928E
78807B
656E68
515C55
3E4A42
38433B
323B35
2B342E
252C28
1F2521
191E1A
131614
0C0F0D
060707
000000
FFFFFF
EAEAEA
D4D6D5
BFC1C0
A9ADAB
949896
7F8380
696F6B
545A56
3E4641
29312C
252C28
212723
1D221F
191D1A
151916
101412
0C0F0D
080A09
040504
000000
FFFFFF
E8E8E8
D0D1D0
B9BAB9
A1A3A2
8A8C8B
727473
5B5D5C
434645
2C2F2D
141816
121614
101312
0E110F
0C0E0D
0A0C0B
080A09
060707
040504
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