Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/d1f3d4-bcdabe-a7c2a9-92aa94-7d917f-68796a-536154-3e483f-29302a-141815-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: D1F3D4
RGB: 209,243,212
Hex: BCDABE
RGB: 188,218,190
Hex: A7C2A9
RGB: 167,194,169
Hex: 92AA94
RGB: 146,170,148
Hex: 7D917F
RGB: 125,145,127
Hex: 68796A
RGB: 104,121,106
Hex: 536154
RGB: 83,97,84
Hex: 3E483F
RGB: 62,72,63
Hex: 29302A
RGB: 41,48,42
Hex: 141815
RGB: 20,24,21
Hex: 000000
RGB: 0,0,0
-100%
-90%
-80%
-70%
-60%
-50%
-40%
-30%
-20%
-10%
Original
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
FFFFFF
FAFEFB
F6FDF6
F1FBF2
EDFAEE
E8F9EA
E3F8E5
DFF7E1
DAF5DD
D6F4D8
D1F3D4
BCDBBF
A7C2AA
92AA94
7D927F
697A6A
546155
3F4940
2A312A
151815
000000
FFFFFF
F8FBF9
F2F8F2
EBF4EC
E4F0E5
DEEDDF
D7E9D8
D0E5D2
C9E1CB
C3DEC5
BCDABE
A9C4AB
96AE98
849985
718372
5E6D5F
4B574C
384139
262C26
131613
000000
FFFFFF
F6F9F6
EDF3EE
E5EDE5
DCE7DD
D3E1D4
CADACB
C1D4C3
B9CEBA
B0C8B2
A7C2A9
96AF98
869B87
758876
647465
546155
434E44
323A33
212722
111311
000000
FFFFFF
F4F7F4
E9EEEA
DEE6DF
D3DDD4
C9D5CA
BECCBF
B3C4B4
A8BBA9
9DB39F
92AA94
839985
758876
667768
586659
49554A
3A443B
2C332C
1D221E
0F110F
000000
FFFFFF
F2F4F2
E5E9E5
D8DED9
CBD3CC
BEC8BF
B1BDB2
A4B2A5
97A799
8A9C8C
7D917F
718372
647466
586659
4B574C
3F4940
323A33
252B26
191D19
0C0E0D
000000
FFFFFF
F0F2F0
E1E4E1
D2D7D2
C3C9C3
B4BCB5
A4AFA6
95A197
869488
778679
68796A
5E6D5F
536155
49554A
3E4940
343D35
2A302A
1F2420
151815
0A0C0B
000000
FFFFFF
EEEFEE
DDDFDD
CBD0CC
BAC0BB
A9B0AA
98A098
879087
758176
647165
536154
4B574C
424E43
3A443B
323A32
2A312A
212722
191D19
111311
080A08
000000
FFFFFF
ECEDEC
D8DAD9
C5C8C5
B2B6B2
9FA49F
8B918C
787F79
656D65
515A52
3E483F
384139
323A32
2B322C
252B26
1F2420
191D19
131613
0C0E0D
060706
000000
FFFFFF
EAEAEA
D4D6D4
BFC1BF
A9ACAA
949895
7F837F
696E6A
545955
3E453F
29302A
252B26
212622
1D221D
191D19
151815
101311
0C0E0D
080A08
040504
000000
FFFFFF
E8E8E8
D0D1D0
B9BAB9
A1A3A1
8A8C8A
727473
5B5D5B
434644
2C2F2C
141815
121613
101311
0E110F
0C0E0D
0A0C0B
080A08
060706
040504
020202
000000
FFFFFF
E6E6E6
CCCCCC
B3B3B3
999999
808080
666666
4D4D4D
333333
1A1A1A
000000
000000
000000
000000
000000
000000
000000
000000
000000
000000
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