Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/ffff66-e5e55b-cccc51-b2b247-99993d-7f7f33-666628-4c4c1e-333314-19190a-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: FFFF66
RGB: 255,255,102
Hex: E5E55B
RGB: 229,229,91
Hex: CCCC51
RGB: 204,204,81
Hex: B2B247
RGB: 178,178,71
Hex: 99993D
RGB: 153,153,61
Hex: 7F7F33
RGB: 127,127,51
Hex: 666628
RGB: 102,102,40
Hex: 4C4C1E
RGB: 76,76,30
Hex: 333314
RGB: 51,51,20
Hex: 19190A
RGB: 25,25,10
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
FFFFF0
FFFFE0
FFFFD1
FFFFC2
FFFFB3
FFFFA3
FFFF94
FFFF85
FFFF75
FFFF66
E6E65C
CCCC52
B3B347
99993D
808033
666629
4C4C1F
333314
19190A
000000
FFFFFF
FCFCEF
FAFADE
F7F7CE
F5F5BD
F2F2AD
EFEF9D
EDED8C
EAEA7C
E8E86B
E5E55B
CECE52
B7B749
A0A040
898937
73732E
5C5C24
45451B
2E2E12
171709
000000
FFFFFF
FAFAEE
F5F5DC
F0F0CB
EBEBB9
E6E6A8
E0E097
DBDB85
D6D674
D1D162
CCCC51
B8B849
A3A341
8F8F39
7A7A31
666629
525220
3D3D18
292910
141408
000000
FFFFFF
F7F7ED
F0F0DA
E8E8C8
E0E0B5
D9D9A3
D1D191
C9C97E
C1C16C
BABA59
B2B247
A0A040
8E8E39
7D7D32
6B6B2B
595924
47471C
353515
24240E
121207
000000
FFFFFF
F5F5EC
EBEBD8
E0E0C5
D6D6B1
CCCC9E
C2C28B
B8B877
ADAD64
A3A350
99993D
8A8A37
7A7A31
6B6B2B
5C5C25
4D4D1F
3D3D18
2E2E12
1F1F0C
0F0F06
000000
FFFFFF
F2F2EB
E5E5D6
D9D9C2
CCCCAD
BFBF99
B2B285
A5A570
99995C
8C8C47
7F7F33
72722E
666629
595924
4C4C1F
40401A
333314
26260F
19190A
0D0D05
000000
FFFFFF
F0F0EA
E0E0D4
D1D1BF
C2C2A9
B3B394
A3A37E
949469
858553
75753E
666628
5C5C24
525220
47471C
3D3D18
333314
292910
1F1F0C
141408
0A0A04
000000
FFFFFF
EDEDE9
DBDBD2
C9C9BC
B7B7A5
A6A68F
949478
828262
70704B
5E5E35
4C4C1E
44441B
3D3D18
353515
2E2E12
26260F
1E1E0C
171709
0F0F06
080803
000000
FFFFFF
EBEBE8
D6D6D0
C2C2B9
ADADA1
99998A
858572
70705B
5C5C43
47472C
333314
2E2E12
292910
24240E
1F1F0C
1A1A0A
141408
0F0F06
0A0A04
050502
000000
FFFFFF
E8E8E7
D1D1CE
BABAB6
A3A39D
8C8C85
75756C
5E5E54
47473B
303023
19190A
171709
141408
121207
0F0F06
0D0D05
0A0A04
070703
050502
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