Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/f4c233-f5c847-f6ce5c-f7d470-f8da85-fae099-fbe7ad-fcedc2-fdf3d6-fef9eb-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: F4C233
RGB: 244,194,51
Hex: F5C847
RGB: 245,200,71
Hex: F6CE5C
RGB: 246,206,92
Hex: F7D470
RGB: 247,212,112
Hex: F8DA85
RGB: 248,218,133
Hex: FAE099
RGB: 250,224,153
Hex: FBE7AD
RGB: 251,231,173
Hex: FCEDC2
RGB: 252,237,194
Hex: FDF3D6
RGB: 253,243,214
Hex: FEF9EB
RGB: 254,249,235
Hex: FFFFFF
RGB: 255,255,255
-100%
-90%
-80%
-70%
-60%
-50%
-40%
-30%
-20%
-10%
Original
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
FFFFFF
FEF9EB
FDF3D6
FCEDC2
FBE7AD
FAE199
F8DA85
F7D470
F6CE5C
F5C847
F4C233
DCAF2E
C39B29
AB8824
92741F
7A611A
624E14
493A0F
31270A
181305
000000
FFFFFF
FEFAED
FDF4DA
FCEFC8
FBE9B5
FAE4A3
F9DE91
F8D97E
F7D36C
F6CE59
F5C847
DDB440
C4A039
AC8C32
93782B
7B6424
62501C
493C15
31280E
181407
000000
FFFFFF
FEFAEF
FDF5DE
FCF0CE
FBEBBE
FBE7AE
FAE29D
F9DD8D
F8D87D
F7D36C
F6CE5C
DDB953
C5A54A
AC9040
947C37
7B672E
625225
4A3E1C
312912
191509
000000
FFFFFF
FEFBF1
FDF6E2
FDF2D4
FCEEC6
FBEAB8
FAE5A9
F9E19B
F9DD8D
F8D87E
F7D470
DEBF65
C6AA5A
AD944E
947F43
7C6A38
63552D
4A4022
312A16
19150B
000000
FFFFFF
FEFBF3
FEF8E7
FDF4DA
FCF0CE
FCEDC2
FBE9B6
FAE5AA
F9E19D
F9DE91
F8DA85
DFC478
C6AE6A
AE995D
958350
7C6D43
635735
4A4128
322C1B
19160D
000000
FFFFFF
FFFCF5
FEF9EB
FEF6E0
FDF3D6
FDF0CC
FCECC2
FCE9B8
FBE6AD
FBE3A3
FAE099
E1CA8A
C8B37A
AF9D6B
96865C
7D704D
645A3D
4B432E
322D1F
19160F
000000
FFFFFF
FFFDF7
FEFAEF
FEF8E6
FDF5DE
FDF3D6
FDF1CE
FCEEC6
FCECBD
FBE9B5
FBE7AD
E2D09C
C9B98A
B0A279
978B68
7E7457
645C45
4B4534
322E23
191711
000000
FFFFFF
FFFDF9
FEFBF3
FEFAED
FEF8E7
FEF6E1
FDF4DA
FDF2D4
FDF1CE
FCEFC8
FCEDC2
E3D5AF
CABE9B
B0A688
978E74
7E7761
655F4E
4C473A
322F27
191813
000000
FFFFFF
FFFEFB
FFFDF7
FEFBF3
FEFAEF
FEF9EB
FEF8E6
FEF7E2
FDF5DE
FDF4DA
FDF3D6
E4DBC1
CAC2AB
B1AA96
989280
7F7A6B
656156
4C4940
33312B
191815
000000
FFFFFF
FFFEFD
FFFEFB
FFFDF9
FFFDF7
FFFCF5
FEFBF3
FEFBF1
FEFAEF
FEFAED
FEF9EB
E5E0D4
CBC7BC
B2AEA5
98958D
7F7D76
66645E
4C4B46
33322F
191917
000000
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
E6E6E6
CCCCCC
B3B3B3
999999
808080
666666
4C4C4C
333333
191919
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