Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/dce670-dfe87e-e3eb8c-e6ed9a-eaf0a9-edf2b7-f1f5c5-f4f7d4-f8fae2-fbfcf0-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: DCE670
RGB: 220,230,112
Hex: DFE87E
RGB: 223,232,126
Hex: E3EB8C
RGB: 227,235,140
Hex: E6ED9A
RGB: 230,237,154
Hex: EAF0A9
RGB: 234,240,169
Hex: EDF2B7
RGB: 237,242,183
Hex: F1F5C5
RGB: 241,245,197
Hex: F4F7D4
RGB: 244,247,212
Hex: F8FAE2
RGB: 248,250,226
Hex: FBFCF0
RGB: 251,252,240
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
FCFDF1
F8FAE2
F5F8D4
F1F5C6
EEF3B8
EAF0A9
E7EE9B
E3EB8D
E0E97E
DCE670
C6CF65
B0B85A
9AA14E
848A43
6E7338
585C2D
424522
2C2E16
16170B
000000
FFFFFF
FCFDF2
F9FAE5
F5F8D8
F2F6CB
EFF4BF
ECF1B2
E9EFA5
E5ED98
E2EA8B
DFE87E
C9D171
B2BA65
9CA258
868B4C
70743F
595D32
434626
2D2E19
16170D
000000
FFFFFF
FCFDF4
F9FBE8
F7F9DD
F4F7D1
F1F5C6
EEF3BA
EBF1AF
E9EFA3
E6ED98
E3EB8C
CCD47E
B6BC70
9FA562
888D54
727646
5B5E38
44462A
2D2F1C
17170E
000000
FFFFFF
FDFDF5
FAFBEB
F8FAE1
F5F8D7
F3F6CD
F0F4C2
EEF2B8
EBF1AE
E9EFA4
E6ED9A
CFD58B
B8BE7B
A1A66C
8A8E5C
73774D
5C5F3E
45472E
2E2F1F
17180F
000000
FFFFFF
FDFEF6
FBFCEE
F9FBE5
F7F9DD
F5F8D4
F2F6CB
F0F5C3
EEF3BA
ECF2B2
EAF0A9
D3D898
BBC087
A4A876
8C9065
757855
5E6044
464833
2F3022
171811
000000
FFFFFF
FDFEF8
FBFCF1
FAFBE9
F8FAE2
F6F9DB
F4F7D4
F2F6CD
F1F5C5
EFF3BE
EDF2B7
D5DAA5
BEC292
A6A980
8E916E
77795C
5F6149
474937
2F3025
181812
000000
FFFFFF
FEFEF9
FCFDF3
FBFCEE
F9FBE8
F8FAE2
F7F9DC
F5F8D6
F4F7D1
F2F6CB
F1F5C5
D9DDB1
C1C49E
A9AC8A
919376
797B63
60624F
48493B
303127
181814
000000
FFFFFF
FEFEFB
FDFDF6
FCFDF2
FBFCEE
FAFBEA
F8FAE5
F7F9E1
F6F9DD
F5F8D8
F4F7D4
DCDEBF
C3C6AA
ABAD94
92947F
7A7C6A
626355
494A40
31312A
181915
000000
FFFFFF
FEFFFC
FEFEF9
FDFEF6
FCFDF3
FCFDF1
FBFCEE
FAFCEB
F9FBE8
F9FBE5
F8FAE2
DFE1CB
C6C8B5
AEAF9E
959688
7C7D71
63645A
4A4B44
32322D
191917
000000
FFFFFF
FFFFFE
FEFEFC
FEFEFB
FDFEF9
FDFEF8
FDFDF6
FCFDF5
FCFDF3
FBFCF2
FBFCF0
E2E3D8
C9CAC0
B0B0A8
979790
7E7E78
646560
4B4C48
323230
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