Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/ddf199-e0f2a3-e3f3ad-e7f5b7-eaf6c1-eef8cc-f1f9d6-f4fae0-f8fcea-fbfdf4-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: DDF199
RGB: 221,241,153
Hex: E0F2A3
RGB: 224,242,163
Hex: E3F3AD
RGB: 227,243,173
Hex: E7F5B7
RGB: 231,245,183
Hex: EAF6C1
RGB: 234,246,193
Hex: EEF8CC
RGB: 238,248,204
Hex: F1F9D6
RGB: 241,249,214
Hex: F4FAE0
RGB: 244,250,224
Hex: F8FCEA
RGB: 248,252,234
Hex: FBFDF4
RGB: 251,253,244
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
FCFEF5
F8FCEB
F5FBE0
F1F9D6
EEF8CC
EBF7C2
E7F5B8
E4F4AD
E0F2A3
DDF199
C7D98A
B1C17A
9BA96B
85915C
6F794D
58603D
42482E
2C301F
16180F
000000
FFFFFF
FCFEF6
F9FCED
F6FBE3
F3FADA
F0F9D1
ECF7C8
E9F6BF
E6F5B5
E3F3AC
E0F2A3
CADA93
B3C282
9DA972
869162
707952
5A6141
434931
2D3021
161810
000000
FFFFFF
FCFEF7
F9FDEF
F7FBE6
F4FADE
F1F9D6
EEF8CE
EBF7C6
E9F5BD
E6F4B5
E3F3AD
CCDB9C
B6C28A
9FAA79
889268
727A57
5B6145
444934
2D3123
171811
000000
FFFFFF
FDFEF8
FAFDF1
F8FCE9
F5FBE2
F3FADB
F1F9D4
EEF8CD
ECF7C5
E9F6BE
E7F5B7
D0DDA5
B9C492
A2AC80
8B936E
747B5C
5C6249
454937
2E3125
171812
000000
FFFFFF
FDFEF9
FBFDF3
F9FCEC
F7FBE6
F5FBE0
F2FADA
F0F9D4
EEF8CD
ECF7C7
EAF6C1
D3DDAE
BBC59A
A4AC87
8C9474
757B61
5E624D
464A3A
2F3127
171913
000000
FFFFFF
FDFEFA
FCFEF5
FAFDF0
F8FCEB
F7FCE6
F5FBE0
F3FADB
F1F9D6
F0F9D1
EEF8CC
D6DFB8
BEC6A3
A7AE8F
8F957A
777C66
5F6352
474A3D
303229
181914
000000
FFFFFF
FEFEFB
FCFEF7
FBFDF3
F9FDEF
F8FCEB
F7FBE6
F5FBE2
F4FADE
F2FADA
F1F9D6
D9E0C1
C1C7AB
A9AE96
919580
797D6B
606456
484B40
30322B
181915
000000
FFFFFF
FEFFFC
FDFEF9
FCFEF6
FBFDF3
FAFDF0
F8FCEC
F7FCE9
F6FBE6
F5FBE3
F4FAE0
DCE1CA
C3C8B3
ABAF9D
929686
7A7D70
62645A
494B43
31322D
181916
000000
FFFFFF
FEFFFD
FEFEFB
FDFEF9
FCFEF7
FCFEF5
FBFDF2
FAFDF0
F9FDEE
F9FCEC
F8FCEA
DFE3D3
C6CABB
AEB0A4
95978C
7C7E75
63655E
4A4C46
32322F
191917
000000
FFFFFF
FFFFFE
FEFFFD
FEFEFC
FDFEFB
FDFEFA
FDFEF8
FCFEF7
FCFDF6
FBFDF5
FBFDF4
E2E4DC
C9CAC3
B0B1AB
979892
7E7F7A
646562
4B4C49
323331
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