Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/f0cc50-d8b748-c0a340-a88e38-907a30-786628-605120-483d18-302810-181408-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: F0CC50
RGB: 240,204,80
Hex: D8B748
RGB: 216,183,72
Hex: C0A340
RGB: 192,163,64
Hex: A88E38
RGB: 168,142,56
Hex: 907A30
RGB: 144,122,48
Hex: 786628
RGB: 120,102,40
Hex: 605120
RGB: 96,81,32
Hex: 483D18
RGB: 72,61,24
Hex: 302810
RGB: 48,40,16
Hex: 181408
RGB: 24,20,8
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
FEFAEE
FCF5DC
FBF0CB
F9EBB9
F8E6A8
F6E096
F5DB85
F3D673
F2D162
F0CC50
D8B848
C0A340
A88F38
907A30
786628
605220
483D18
302910
181408
000000
FFFFFF
FBF8ED
F7F1DA
F3E9C8
EFE2B6
ECDBA4
E8D491
E4CD7F
E0C56D
DCBE5A
D8B748
C2A541
AD923A
978032
826E2B
6C5C24
56491D
413716
2B250E
161207
000000
FFFFFF
F9F6EC
F2EDD9
ECE3C6
E6DAB3
E0D1A0
D9C88C
D3BF79
CDB566
C6AC53
C0A340
AD933A
9A8233
86722D
736226
605220
4D411A
3A3113
26210D
131006
000000
FFFFFF
F6F4EB
EEE8D7
E5DDC3
DCD2AF
D4C79C
CBBB88
C2B074
B9A560
B1994C
A88E38
978032
86722D
766327
655522
54471C
433916
322B11
221C0B
110E06
000000
FFFFFF
F4F2EA
E9E4D6
DED7C1
D3CAAC
C8BD98
BCAF83
B1A26E
A69559
9B8745
907A30
826E2B
736226
655522
56491D
483D18
3A3113
2B250E
1D180A
0E0C05
000000
FFFFFF
F2F0EA
E4E0D4
D7D1BF
C9C2A9
BCB394
AEA37E
A19469
938553
86753E
786628
6C5C24
605220
54471C
483D18
3C3314
302910
241F0C
181408
0C0A04
000000
FFFFFF
EFEEE9
DFDCD2
CFCBBC
BFB9A6
B0A890
A09779
908563
80744D
706236
605120
56491D
4D411A
433916
3A3113
302910
26200D
1D180A
131006
0A0803
000000
FFFFFF
EDECE8
DAD8D1
C8C5BA
B6B1A3
A49E8C
918B74
7F775D
6D6446
5A502F
483D18
413716
3A3113
322B11
2B250E
241F0C
1D180A
161207
0E0C05
070602
000000
FFFFFF
EAEAE7
D6D4CF
C1BFB7
ACA99F
989488
837E70
6E6958
595340
453E28
302810
2B240E
26200D
221C0B
1D180A
181408
131006
0E0C05
0A0803
050402
000000
FFFFFF
E8E8E6
D1D0CE
BAB9B5
A3A19C
8C8A84
74726B
5D5B52
464339
2F2C21
181408
161207
131006
110E06
0E0C05
0C0A04
0A0803
070602
050402
020201
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