Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/f0f3de-d8dbc8-c0c2b2-a8aa9b-909285-787a6f-606159-484943-30312c-181816-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: F0F3DE
RGB: 240,243,222
Hex: D8DBC8
RGB: 216,219,200
Hex: C0C2B2
RGB: 192,194,178
Hex: A8AA9B
RGB: 168,170,155
Hex: 909285
RGB: 144,146,133
Hex: 787A6F
RGB: 120,122,111
Hex: 606159
RGB: 96,97,89
Hex: 484943
RGB: 72,73,67
Hex: 30312C
RGB: 48,49,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
FCFDF8
FBFBF5
F9FAF2
F8F9EF
F6F8EB
F5F7E8
F3F5E5
F2F4E1
F0F3DE
D8DBC8
C0C2B2
A8AA9B
909285
787A6F
606159
484943
30312C
181816
000000
FFFFFF
FBFBFA
F7F8F4
F3F4EF
EFF1E9
ECEDE4
E8E9DE
E4E6D9
E0E2D3
DCDFCE
D8DBC8
C2C5B4
ADAFA0
97998C
828378
6C6E64
565850
41423C
2B2C28
161614
000000
FFFFFF
F9F9F7
F2F3F0
ECEDE8
E6E7E0
E0E1D9
D9DAD1
D3D4C9
CDCEC1
C6C8BA
C0C2B2
ADAFA0
9A9B8E
86887D
73746B
606159
4D4E47
3A3A35
262724
131312
000000
FFFFFF
F6F7F5
EEEEEB
E5E6E1
DCDDD7
D4D5CD
CBCCC3
C2C4B9
B9BBAF
B1B3A5
A8AA9B
97998C
86887C
76776D
65665D
54554E
43443E
32332E
22221F
11110F
000000
FFFFFF
F4F4F3
E9E9E7
DEDEDA
D3D3CE
C8C9C2
BCBEB6
B1B3AA
A6A89D
9B9D91
909285
828378
73756A
65665D
565850
484943
3A3A35
2B2C28
1D1D1B
0E0F0D
000000
FFFFFF
F2F2F1
E4E4E2
D7D7D4
C9CAC5
BCBDB7
AEAFA9
A1A29A
93958C
86877D
787A6F
6C6E64
606259
54554E
484943
3C3D38
30312C
242521
181816
0C0C0B
000000
FFFFFF
EFEFEE
DFDFDE
CFD0CD
BFC0BD
B0B0AC
A0A09B
90908B
80817A
70716A
606159
565750
4D4E47
43443E
3A3A35
30312D
262724
1D1D1B
131312
0A0A09
000000
FFFFFF
EDEDEC
DADBD9
C8C8C7
B6B6B4
A4A4A1
91928E
7F807B
6D6D69
5A5B56
484943
41423C
3A3A36
32332F
2B2C28
242522
1D1D1B
161614
0E0F0D
070707
000000
FFFFFF
EAEAEA
D6D6D5
C1C1C0
ACADAB
989896
838380
6E6F6B
595A56
454641
30312C
2B2C28
262723
22221F
1D1D1A
181916
131412
0E0F0D
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