Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/220c16-38242d-4e3c44-64545b-7a6d73-90858a-a69da1-bcb6b9-d2ced0-e8e6e7-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 220C16
RGB: 34,12,22
Hex: 38242D
RGB: 56,36,45
Hex: 4E3C44
RGB: 78,60,68
Hex: 64545B
RGB: 100,84,91
Hex: 7A6D73
RGB: 122,109,115
Hex: 90858A
RGB: 144,133,138
Hex: A69DA1
RGB: 166,157,161
Hex: BCB6B9
RGB: 188,182,185
Hex: D2CED0
RGB: 210,206,208
Hex: E8E6E7
RGB: 232,230,231
Hex: FFFFFF
RGB: 255,255,255
-100%
-90%
-80%
-70%
-60%
-50%
-40%
-30%
-20%
-10%
Original
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
FFFFFF
E9E7E8
D3CED0
BDB6B9
A79EA2
91868B
7A6D73
64555C
4E3D45
38242D
220C16
1F0B14
1B0A12
18080F
14070D
11060B
0E0509
0A0407
070204
030102
000000
FFFFFF
EBE9EA
D7D3D5
C3BDC0
AFA7AB
9C9296
887C81
74666C
605057
4C3A42
38242D
322029
2D1D24
27191F
22161B
1C1217
160E12
110B0D
0B0709
060404
000000
FFFFFF
EDECEC
DCD8DA
CAC5C7
B8B1B4
A79EA2
958A8F
83777C
716369
605057
4E3C44
46363D
3E3036
372A30
2F2429
271E22
1F181B
171214
100C0E
080607
000000
FFFFFF
F0EEEF
E0DDDE
D1CCCE
C1BBBD
B2AAAD
A2989D
93878C
83767C
74656B
64545B
5A4C52
504349
463B40
3C3237
322A2E
282224
1E191B
141112
0A0809
000000
FFFFFF
F2F0F1
E4E2E3
D7D3D5
CAC5C7
BDB6B9
AFA7AB
A2999D
958A8F
877C81
7A6D73
6E6268
62575C
554C51
494145
3D373A
312C2E
252122
181617
0C0B0B
000000
FFFFFF
F4F3F3
E9E7E8
DEDADC
D3CED0
C8C2C5
BCB6B9
B1AAAD
A69DA1
9B9196
90858A
82787C
736A6E
655D61
565053
484345
3A3537
2B2829
1D1B1C
0E0D0E
000000
FFFFFF
F6F5F6
EDEBEC
E4E2E3
DBD8D9
D3CED0
CAC4C7
C1BABD
B8B1B4
AFA7AA
A69DA1
958D91
857E81
746E71
645E61
534F51
423F40
322F30
211F20
111010
000000
FFFFFF
F8F8F8
F2F0F1
EBE9EA
E4E2E3
DEDBDC
D7D3D5
D0CCCE
C9C5C7
C3BDC0
BCB6B9
A9A4A7
969294
847F82
716D6F
5E5B5D
4B494A
383737
262425
131212
000000
FFFFFF
FBFAFA
F6F5F6
F2F0F1
EDEBEC
E9E7E8
E4E2E3
E0DDDE
DBD8D9
D7D3D5
D2CED0
BDB9BB
A8A5A6
939092
7E7C7D
696768
545253
3F3E3E
2A292A
151515
000000
FFFFFF
FDFDFD
FAFAFA
F8F8F8
F6F5F5
F4F3F3
F1F0F1
EFEEEE
EDEBEC
EAE9E9
E8E6E7
D1CFD0
BAB8B9
A2A1A2
8B8A8B
747374
5D5C5C
464545
2E2E2E
171717
000000
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
E6E6E6
CCCCCC
B3B3B3
999999
808080
666666
4C4C4C
333333
191919
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