Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/abd3bc-b3d7c2-bbdbc9-c4e0d0-cce4d6-d5e9dd-ddede4-e5f1ea-eef6f1-f6faf8-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: ABD3BC
RGB: 171,211,188
Hex: B3D7C2
RGB: 179,215,194
Hex: BBDBC9
RGB: 187,219,201
Hex: C4E0D0
RGB: 196,224,208
Hex: CCE4D6
RGB: 204,228,214
Hex: D5E9DD
RGB: 213,233,221
Hex: DDEDE4
RGB: 221,237,228
Hex: E5F1EA
RGB: 229,241,234
Hex: EEF6F1
RGB: 238,246,241
Hex: F6FAF8
RGB: 246,250,248
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
F7FBF8
EEF6F2
E6F2EB
DDEDE4
D5E9DE
CDE5D7
C4E0D0
BCDCC9
B3D7C3
ABD3BC
9ABEA9
89A996
789484
677F71
566A5E
44544B
333F38
222A26
111513
000000
FFFFFF
F7FBF9
F0F7F3
E8F3ED
E1EFE7
D9EBE1
D1E7DA
CAE3D4
C2DFCE
BBDBC8
B3D7C2
A1C2AF
8FAC9B
7D9788
6B8174
5A6C61
48564E
36403A
242B27
121513
000000
FFFFFF
F8FBFA
F1F8F4
EBF4EF
E4F1E9
DDEDE4
D6E9DF
CFE6D9
C9E2D4
C2DFCE
BBDBC9
A8C5B5
96AFA1
83998D
708379
5E6E65
4B5850
38423C
252C28
131614
000000
FFFFFF
F9FCFA
F3F9F6
EDF6F1
E7F3EC
E2F0E8
DCECE3
D6E9DE
D0E6D9
CAE3D5
C4E0D0
B0CABB
9DB3A6
899D92
76867D
627068
4E5A53
3B433E
272D2A
141615
000000
FFFFFF
FAFCFB
F5FAF7
F0F7F3
EBF4EF
E6F2EB
E0EFE6
DBECE2
D6E9DE
D1E7DA
CCE4D6
B8CDC1
A3B6AB
8FA096
7A8980
66726B
525B56
3D4440
292E2B
141715
000000
FFFFFF
FBFDFC
F7FBF8
F2F8F5
EEF6F1
EAF4EE
E6F2EB
E2F0E7
DDEDE4
D9EBE0
D5E9DD
C0D2C7
AABAB1
95A39B
808C85
6B756F
555D58
404642
2B2F2C
151716
000000
FFFFFF
FCFDFC
F8FBFA
F5FAF7
F1F8F4
EEF6F2
EBF4EF
E7F2EC
E4F1E9
E0EFE7
DDEDE4
C7D5CD
B1BEB6
9BA6A0
858E89
6F7772
585F5B
424744
2C2F2E
161817
000000
FFFFFF
FCFEFD
FAFCFB
F7FBF9
F5F9F7
F2F8F5
EFF7F2
EDF5F0
EAF4EE
E8F2EC
E5F1EA
CED9D3
B7C1BB
A0A9A4
89918C
737975
5C605E
454846
2E302F
171817
000000
FFFFFF
FDFEFE
FCFDFC
FAFCFB
F8FBF9
F7FBF8
F5FAF7
F3F9F5
F1F8F4
F0F7F2
EEF6F1
D6DDD9
BEC5C1
A7ACA9
8F9491
777B79
5F6260
474A48
303130
181918
000000
FFFFFF
FEFFFE
FDFEFE
FCFEFD
FBFDFC
FBFDFC
FAFCFB
F9FCFA
F8FBF9
F7FBF9
F6FAF8
DDE1DF
C5C8C6
ACAFAE
949695
7B7D7C
626463
4A4B4A
313232
191919
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