Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/684b3a-5d4334-533c2e-483428-3e2d22-34251d-291e17-1f1611-140f0b-0a0705-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 684B3A
RGB: 104,75,58
Hex: 5D4334
RGB: 93,67,52
Hex: 533C2E
RGB: 83,60,46
Hex: 483428
RGB: 72,52,40
Hex: 3E2D22
RGB: 62,45,34
Hex: 34251D
RGB: 52,37,29
Hex: 291E17
RGB: 41,30,23
Hex: 1F1611
RGB: 31,22,17
Hex: 140F0B
RGB: 20,15,11
Hex: 0A0705
RGB: 10,7,5
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
F0EDEB
E1DBD8
D2C9C4
C3B7B0
B4A59D
A49389
958175
866F61
775D4E
684B3A
5E4434
533C2E
493529
3E2D23
34261D
2A1E17
1F1611
150F0C
0A0706
000000
FFFFFF
EFECEB
DFD9D6
CEC7C2
BEB4AE
AEA19A
9E8E85
8E7B71
7D695D
6D5648
5D4334
543C2F
4A362A
412F24
38281F
2F221A
251B15
1C1410
130D0A
090705
000000
FFFFFF
EEECEA
DDD8D5
CBC5C0
BAB1AB
A99E97
988A82
87776D
756358
645043
533C2E
4B3629
423025
3A2A20
32241C
2A1E17
211812
19120E
110C09
080605
000000
FFFFFF
EDEBEA
DAD6D4
C8C2BF
B6AEA9
A49A94
91857E
7F7169
6D5D53
5A483E
483428
412F24
3A2A20
32241C
2B1F18
241A14
1D1510
16100C
0E0A08
070504
000000
FFFFFF
ECEAE9
D8D5D3
C5C0BD
B2ABA7
9F9691
8B817A
786C64
65574E
514238
3E2D22
38291F
32241B
2B1F18
251B14
1F1711
19120E
130D0A
0C0907
060403
000000
FFFFFF
EBE9E8
D6D3D2
C2BEBB
AEA8A5
9A928E
857C77
716661
5D514A
483B34
34251D
2F211A
2A1E17
241A14
1F1611
1A130F
150F0C
100B09
0A0706
050403
000000
FFFFFF
EAE9E8
D4D2D1
BFBCB9
A9A5A2
948F8B
7F7874
69625D
544B45
3E352E
291E17
251B15
211812
1D1510
19120E
150F0C
100C09
0C0907
080605
040302
000000
FFFFFF
E9E8E7
D2D0CF
BCB9B8
A5A2A0
8F8B88
797370
625C58
4C4541
352D29
1F1611
1C140F
19120E
160F0C
130D0A
100B09
0C0907
090705
060403
030202
000000
FFFFFF
E8E7E7
D0CFCE
B9B7B6
A19F9D
8A8785
726F6D
5B5754
433F3C
2C2723
140F0B
120E0A
100C09
0E0B08
0C0907
0A0806
080604
060403
040302
020101
000000
FFFFFF
E7E6E6
CECDCD
B6B5B4
9D9C9B
858382
6C6A69
545150
3B3937
23201E
0A0705
090605
080604
070504
060403
050403
040302
030201
020101
010100
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