Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/ffe22b-e5cb26-ccb422-b29e1e-998719-7f7115-665a11-4c430c-332d08-191604-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: FFE22B
RGB: 255,226,43
Hex: E5CB26
RGB: 229,203,38
Hex: CCB422
RGB: 204,180,34
Hex: B29E1E
RGB: 178,158,30
Hex: 998719
RGB: 153,135,25
Hex: 7F7115
RGB: 127,113,21
Hex: 665A11
RGB: 102,90,17
Hex: 4C430C
RGB: 76,67,12
Hex: 332D08
RGB: 51,45,8
Hex: 191604
RGB: 25,22,4
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
FFFCEA
FFF9D5
FFF6BF
FFF3AA
FFF195
FFEE80
FFEB6B
FFE855
FFE540
FFE22B
E6CB27
CCB522
B39E1E
99881A
807116
665A11
4C440D
332D09
191704
000000
FFFFFF
FCFAE9
FAF5D4
F7EFBE
F5EAA8
F2E593
EFE07D
EDDB67
EAD551
E8D03C
E5CB26
CEB722
B7A21E
A08E1B
897A17
736613
5C510F
453D0B
2E2908
171404
000000
FFFFFF
FAF8E9
F5F0D3
F0E9BD
EBE1A7
E6DA91
E0D27A
DBCB64
D6C34E
D1BC38
CCB422
B8A21F
A3901B
8F7E18
7A6C14
665A11
52480E
3D360A
292407
141203
000000
FFFFFF
F7F5E9
F0ECD2
E8E2BC
E0D8A5
D9CF8F
D1C578
C9BB62
C1B14B
BAA835
B29E1E
A08E1B
8E7E18
7D6F15
6B5F12
594F0F
473F0C
352F09
242006
121003
000000
FFFFFF
F5F3E8
EBE7D1
E0DBBA
D6CFA3
CCC38C
C2B775
B8AB5E
AD9F47
A39330
998719
8A7A17
7A6C14
6B5F12
5C510F
4D440D
3D360A
2E2807
1F1B05
0F0D02
000000
FFFFFF
F2F1E8
E5E3D0
D9D4B9
CCC6A1
BFB88A
B2AA73
A59C5B
998D44
8C7F2C
7F7115
726613
665A11
594F0F
4C440D
40390B
332D08
262206
191704
0D0B02
000000
FFFFFF
F0EFE7
E0DECF
D1CEB8
C2BDA0
B3AD88
A39C70
948C58
857B41
756B29
665A11
5C510F
52480E
473F0C
3D360A
332D09
292407
1F1B05
141203
0A0902
000000
FFFFFF
EDECE7
DBD9CE
C9C7B6
B7B49E
A6A186
948E6D
827B55
70693D
5E5624
4C430C
443C0B
3D360A
352F08
2E2807
262206
1E1B05
171404
0F0D02
080701
000000
FFFFFF
EBEAE6
D6D5CE
C2C0B5
ADAB9C
999684
85816B
706C52
5C5739
474221
332D08
2E2907
292406
241F06
1F1B05
1A1704
141203
0F0D02
0A0902
050401
000000
FFFFFF
E8E8E6
D1D0CD
BAB9B4
A3A29B
8C8B82
757368
5E5C4F
474536
302D1D
191604
171404
141203
120F03
0F0D02
0D0B02
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