Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/ffcc8b-ffd196-ffd6a2-ffdbad-ffe0b9-ffe5c5-ffead0-ffefdc-fff4e7-fff9f3-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: FFCC8B
RGB: 255,204,139
Hex: FFD196
RGB: 255,209,150
Hex: FFD6A2
RGB: 255,214,162
Hex: FFDBAD
RGB: 255,219,173
Hex: FFE0B9
RGB: 255,224,185
Hex: FFE5C5
RGB: 255,229,197
Hex: FFEAD0
RGB: 255,234,208
Hex: FFEFDC
RGB: 255,239,220
Hex: FFF4E7
RGB: 255,244,231
Hex: FFF9F3
RGB: 255,249,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
FFFAF3
FFF5E8
FFF0DC
FFEBD1
FFE6C5
FFE0B9
FFDBAE
FFD6A2
FFD197
FFCC8B
E6B87D
CCA36F
B38F61
997A53
806646
665238
4C3D2A
33291C
19140E
000000
FFFFFF
FFFAF5
FFF6EA
FFF1E0
FFEDD5
FFE8CB
FFE3C0
FFDFB6
FFDAAB
FFD6A1
FFD196
E6BC87
CCA778
B39269
997D5A
80694B
66543C
4C3F2D
332A1E
19150F
000000
FFFFFF
FFFBF6
FFF7EC
FFF3E3
FFEFDA
FFEBD1
FFE6C7
FFE2BE
FFDEB5
FFDAAB
FFD6A2
E6C192
CCAB82
B39671
998061
806B51
665641
4C4031
332B20
191510
000000
FFFFFF
FFFBF7
FFF8EF
FFF4E6
FFF1DE
FFEDD6
FFE9CE
FFE6C6
FFE2BD
FFDFB5
FFDBAD
E6C59C
CCAF8A
B39979
998368
806E57
665845
4C4234
332C23
191611
000000
FFFFFF
FFFCF8
FFF9F1
FFF6EA
FFF3E3
FFF0DC
FFECD5
FFE9CE
FFE6C7
FFE3C0
FFE0B9
E6CAA7
CCB394
B39D82
99866F
80705D
665A4A
4C4337
332D25
191612
000000
FFFFFF
FFFCF9
FFFAF3
FFF7EE
FFF5E8
FFF2E2
FFEFDC
FFEDD6
FFEAD1
FFE8CB
FFE5C5
E6CEB1
CCB79E
B3A08A
998976
807363
665C4F
4C453B
332E27
191714
000000
FFFFFF
FFFDFA
FFFBF6
FFF9F1
FFF7EC
FFF5E8
FFF2E3
FFF0DE
FFEED9
FFECD5
FFEAD0
E6D3BB
CCBBA6
B3A492
998C7D
807568
665E53
4C463E
332F2A
191715
000000
FFFFFF
FFFDFC
FFFCF8
FFFAF5
FFF9F1
FFF7EE
FFF5EA
FFF4E7
FFF2E3
FFF1E0
FFEFDC
E6D7C6
CCBFB0
B3A79A
998F84
80786E
666058
4C4842
33302C
191816
000000
FFFFFF
FFFEFD
FFFDFA
FFFCF8
FFFBF5
FFFAF3
FFF8F1
FFF7EE
FFF6EC
FFF5E9
FFF4E7
E6DCD0
CCC3B9
B3ABA2
99928B
807A74
66625C
4C4945
33312E
191817
000000
FFFFFF
FFFEFE
FFFEFD
FFFDFB
FFFDFA
FFFCF9
FFFBF8
FFFBF7
FFFAF5
FFFAF4
FFF9F3
E6E0DB
CCC7C2
B3AEAA
999592
807D7A
666461
4C4B49
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