Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/ffdf38-e5c832-ccb22c-b29c27-998521-7f6f1c-665916-4c4210-332c0b-191605-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: FFDF38
RGB: 255,223,56
Hex: E5C832
RGB: 229,200,50
Hex: CCB22C
RGB: 204,178,44
Hex: B29C27
RGB: 178,156,39
Hex: 998521
RGB: 153,133,33
Hex: 7F6F1C
RGB: 127,111,28
Hex: 665916
RGB: 102,89,22
Hex: 4C4210
RGB: 76,66,16
Hex: 332C0B
RGB: 51,44,11
Hex: 191605
RGB: 25,22,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
FFFCEB
FFF9D7
FFF5C3
FFF2AF
FFEF9C
FFEC88
FFE974
FFE560
FFE24C
FFDF38
E6C932
CCB22D
B39C27
998622
80701C
665916
4C4311
332D0B
191606
000000
FFFFFF
FCFAEB
FAF4D6
F7EFC2
F5E9AD
F2E499
EFDE84
EDD970
EAD35B
E8CE47
E5C832
CEB42D
B7A028
A08C23
89781E
736419
5C5014
453C0F
2E280A
171405
000000
FFFFFF
FAF7EA
F5F0D5
F0E8C0
EBE0AB
E6D996
E0D180
DBC96B
D6C156
D1BA41
CCB22C
B8A028
A38E23
8F7D1F
7A6B1A
665916
524712
3D350D
292409
141204
000000
FFFFFF
F7F5E9
F0EBD4
E8E1BE
E0D7A9
D9CE93
D1C47D
C9BA68
C1B052
BAA63D
B29C27
A08C23
8E7D1F
7D6D1B
6B5E17
594E14
473E10
352F0C
241F08
121004
000000
FFFFFF
F5F3E9
EBE7D3
E0DABC
D6CEA6
CCC290
C2B67A
B8AA64
AD9D4D
A39137
998521
8A781E
7A6A1A
6B5D17
5C5014
4D4311
3D350D
2E280A
1F1B07
0F0D03
000000
FFFFFF
F2F1E8
E5E2D2
D9D4BB
CCC5A4
BFB78E
B2A977
A59A60
998C49
8C7D33
7F6F1C
726419
665916
594E14
4C4311
40380E
332C0B
262108
191606
0D0B03
000000
FFFFFF
F0EEE8
E0DED0
D1CDB9
C2BDA2
B3AC8B
A39B73
948B5C
857A45
756A2D
665916
5C5014
524712
473E0F
3D350D
332D0B
292409
1F1B07
141204
0A0902
000000
FFFFFF
EDECE7
DBD9CF
C9C6B7
B7B39F
A6A188
948E70
827B58
706840
5E5528
4C4210
443B0E
3D350D
352E0B
2E280A
262108
1E1A06
171405
0F0D03
080702
000000
FFFFFF
EBEAE7
D6D5CE
C2C0B6
ADAB9D
999685
85806D
706B54
5C563C
474123
332C0B
2E280A
292309
241F08
1F1A07
1A1606
141204
0F0D03
0A0902
050401
000000
FFFFFF
E8E8E6
D1D0CD
BAB9B4
A3A29B
8C8B82
757369
5E5C50
474537
302D1E
191605
171405
141204
120F04
0F0D03
0D0B03
0A0902
070701
050401
020200
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