Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/f2f1dc-d9d8c6-c1c0b0-a9a89a-919084-79786e-606058-484842-30302c-181816-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: F2F1DC
RGB: 242,241,220
Hex: D9D8C6
RGB: 217,216,198
Hex: C1C0B0
RGB: 193,192,176
Hex: A9A89A
RGB: 169,168,154
Hex: 919084
RGB: 145,144,132
Hex: 79786E
RGB: 121,120,110
Hex: 606058
RGB: 96,96,88
Hex: 484842
RGB: 72,72,66
Hex: 30302C
RGB: 48,48,44
Hex: 181816
RGB: 24,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
FEFEFC
FCFCF8
FBFBF5
FAF9F1
F9F8EE
F7F7EA
F6F5E7
F5F4E3
F3F2E0
F2F1DC
DAD9C6
C2C1B0
A9A99A
919184
79796E
616058
494842
30302C
181816
000000
FFFFFF
FBFBF9
F7F7F4
F4F3EE
F0EFE8
ECECE3
E8E8DD
E4E4D7
E1E0D1
DDDCCC
D9D8C6
C3C2B2
AEAD9E
98978B
828277
6D6C63
57564F
41413B
2B2B28
161614
000000
FFFFFF
F9F9F7
F3F2EF
ECECE7
E6E6DF
E0E0D8
DAD9D0
D4D3C8
CDCDC0
C7C6B8
C1C0B0
AEAD9E
9A9A8D
87867B
74736A
616058
4D4D46
3A3A35
272623
131312
000000
FFFFFF
F6F6F5
EEEEEB
E5E5E1
DDDCD7
D4D4CD
CBCBC2
C3C2B8
BAB9AE
B2B1A4
A9A89A
98978B
87867B
76766C
65655C
55544D
44433E
33322E
22221F
11110F
000000
FFFFFF
F4F4F3
E9E9E6
DEDEDA
D3D3CE
C8C8C2
BDBCB5
B2B1A9
A7A69D
9C9B90
919084
838277
74736A
66655C
57564F
494842
3A3A35
2B2B28
1D1D1A
0E0E0D
000000
FFFFFF
F2F2F1
E4E4E2
D7D7D4
C9C9C5
BCBCB7
AFAEA8
A1A19A
94938B
86867D
79786E
6D6C63
616058
55544D
494842
3D3C37
30302C
242421
181816
0C0C0B
000000
FFFFFF
EFEFEE
DFDFDE
CFCFCD
BFBFBC
B0B0AC
A0A09B
90908A
808079
707069
606058
56564F
4D4D46
43433E
3A3A35
30302C
262623
1D1D1A
131312
0A0A09
000000
FFFFFF
EDEDEC
DADAD9
C8C8C6
B6B6B3
A4A4A1
91918E
7F7F7B
6D6D68
5A5A55
484842
41413B
3A3A35
32322E
2B2B28
242421
1D1D1A
161614
0E0E0D
070707
000000
FFFFFF
EAEAEA
D6D6D5
C1C1C0
ACACAB
989896
838380
6E6E6B
595956
454541
30302C
2B2B28
262623
22221F
1D1D1A
181816
131312
0E0E0D
0A0A09
050504
000000
FFFFFF
E8E8E8
D1D1D0
BABAB9
A3A3A2
8C8C8B
747473
5D5D5C
464645
2F2F2D
181816
161614
131312
11110F
0E0E0D
0C0C0B
0A0A09
070707
050504
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