Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/f7e78f-f7e99a-f8eba5-f9eeb0-faf0bb-fbf3c7-fbf5d2-fcf7dd-fdfae8-fefcf3-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: F7E78F
RGB: 247,231,143
Hex: F7E99A
RGB: 247,233,154
Hex: F8EBA5
RGB: 248,235,165
Hex: F9EEB0
RGB: 249,238,176
Hex: FAF0BB
RGB: 250,240,187
Hex: FBF3C7
RGB: 251,243,199
Hex: FBF5D2
RGB: 251,245,210
Hex: FCF7DD
RGB: 252,247,221
Hex: FDFAE8
RGB: 253,250,232
Hex: FEFCF3
RGB: 254,252,243
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
FEFDF4
FDFAE9
FDF8DD
FCF5D2
FBF3C7
FAF1BC
F9EEB1
F9ECA5
F8E99A
F7E78F
DED081
C6B972
ADA264
948B56
7C7448
635C39
4A452B
312E1D
19170E
000000
FFFFFF
FEFDF5
FDFBEB
FDF8E1
FCF6D7
FBF4CD
FAF2C2
F9F0B8
F9EDAE
F8EBA4
F7E99A
DED28B
C6BA7B
ADA36C
948C5C
7C754D
635D3E
4A462E
312F1F
19170F
000000
FFFFFF
FEFDF6
FEFBED
FDF9E4
FCF7DB
FCF5D2
FBF3C9
FAF1C0
F9EFB7
F9EDAE
F8EBA5
DFD495
C6BC84
AEA573
958D63
7C7653
635E42
4A4631
322F21
191710
000000
FFFFFF
FEFDF7
FEFCEF
FDFAE7
FDF8DF
FCF7D8
FBF5D0
FBF3C8
FAF1C0
FAF0B8
F9EEB0
E0D69E
C7BE8D
AEA77B
958F6A
7D7758
645F46
4B4735
323023
191812
000000
FFFFFF
FFFEF8
FEFCF1
FEFBEB
FDF9E4
FDF8DD
FCF6D6
FCF5CF
FBF3C9
FBF2C2
FAF0BB
E1D8A8
C8C096
AFA883
969070
7D785E
64604B
4B4838
323025
191813
000000
FFFFFF
FFFEF9
FEFDF4
FEFBEE
FDFAE9
FDF9E3
FDF8DD
FCF7D8
FCF5D2
FBF4CD
FBF3C7
E2DBB3
C9C29F
B0AA8B
979277
7E7A64
646150
4B493C
323128
191814
000000
FFFFFF
FFFEFB
FEFDF6
FEFCF2
FDFBED
FDFAE9
FDF9E4
FCF8E0
FCF7DB
FBF6D7
FBF5D2
E2DDBD
C9C4A8
B0AC93
97937E
7E7B69
646254
4B493F
32312A
191815
000000
FFFFFF
FFFEFC
FEFDF8
FEFDF5
FEFCF1
FEFBEE
FDFAEB
FDF9E7
FDF9E4
FCF8E0
FCF7DD
E3DEC7
CAC6B1
B0AD9B
979485
7E7C6F
656358
4C4A42
32312C
191916
000000
FFFFFF
FFFFFD
FFFEFA
FEFEF8
FEFDF6
FEFDF4
FEFCF1
FEFCEF
FDFBED
FDFBEA
FDFAE8
E4E1D1
CAC8BA
B1AFA2
98968B
7F7D74
65645D
4C4B46
33322E
191917
000000
FFFFFF
FFFFFE
FFFEFD
FFFEFB
FFFEFA
FFFEF9
FEFDF8
FEFDF7
FEFDF5
FEFCF4
FEFCF3
E5E3DB
CBCAC2
B2B0AA
989792
7F7E7A
666561
4C4C49
333231
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