Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/f1da76-f2dd83-f3e191-f5e59f-f6e8ac-f8ecba-f9f0c8-faf3d5-fcf7e3-fdfbf1-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: F1DA76
RGB: 241,218,118
Hex: F2DD83
RGB: 242,221,131
Hex: F3E191
RGB: 243,225,145
Hex: F5E59F
RGB: 245,229,159
Hex: F6E8AC
RGB: 246,232,172
Hex: F8ECBA
RGB: 248,236,186
Hex: F9F0C8
RGB: 249,240,200
Hex: FAF3D5
RGB: 250,243,213
Hex: FCF7E3
RGB: 252,247,227
Hex: FDFBF1
RGB: 253,251,241
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
FEFBF1
FCF8E4
FBF4D6
F9F0C8
F8EDBB
F7E9AD
F5E59F
F4E191
F2DE84
F1DA76
D9C46A
C1AE5E
A99953
918347
796D3B
60572F
484123
302C18
18160C
000000
FFFFFF
FEFCF3
FCF8E6
FBF5DA
FAF1CD
F9EEC1
F7EBB5
F6E7A8
F5E49C
F3E08F
F2DD83
DAC776
C2B169
A99B5C
91854F
796F42
615834
494227
302C1A
18160D
000000
FFFFFF
FEFCF4
FDF9E9
FBF6DE
FAF3D3
F9F0C8
F8EDBD
F7EAB2
F5E7A7
F4E49C
F3E191
DBCB83
C2B474
AA9E66
928757
7A7149
615A3A
49432B
312D1D
18160E
000000
FFFFFF
FEFCF5
FDFAEC
FCF7E2
FBF5D9
FAF2CF
F9EFC5
F8EDBC
F7EAB2
F6E8A9
F5E59F
DDCE8F
C4B77F
ACA06F
93895F
7B7350
625C40
494530
312E20
181710
000000
FFFFFF
FEFDF7
FDFAEE
FCF8E6
FBF6DE
FBF4D6
FAF1CD
F9EFC5
F8EDBD
F7EAB4
F6E8AC
DDD19B
C5BA8A
ACA278
948B67
7B7456
625D45
4A4634
312E22
191711
000000
FFFFFF
FEFDF8
FEFBF1
FDF9EA
FCF7E3
FCF6DD
FBF4D6
FAF2CF
F9F0C8
F9EEC1
F8ECBA
DFD4A7
C6BD95
AEA582
958E70
7C765D
635E4A
4A4738
322F25
191813
000000
FFFFFF
FEFEFA
FEFCF4
FDFBEF
FDF9E9
FCF8E4
FBF6DE
FBF5D9
FAF3D3
FAF2CE
F9F0C8
E0D8B4
C7C0A0
AEA88C
959078
7D7864
646050
4B483C
323028
191814
000000
FFFFFF
FFFEFB
FEFDF7
FEFBF2
FDFAEE
FDF9EA
FCF8E6
FCF7E2
FBF5DD
FBF4D9
FAF3D5
E1DBC0
C8C2AA
AFAA95
969280
7D7A6B
646155
4B4940
32312B
191815
000000
FFFFFF
FFFEFC
FEFDF9
FEFDF7
FEFCF4
FEFBF1
FDFAEE
FDF9EB
FDF9E9
FCF8E6
FCF7E3
E3DECC
CAC6B6
B0AD9F
979488
7E7C72
65635B
4C4A44
32312D
191917
000000
FFFFFF
FFFFFE
FFFEFC
FEFEFB
FEFDF9
FEFDF8
FEFDF7
FEFCF5
FDFCF4
FDFBF2
FDFBF1
E4E2D9
CAC9C1
B1B0A9
989791
7F7E79
656460
4C4B48
333230
191918
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