Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/89dcdd-94dfe0-a0e3e3-ace6e7-b8eaea-c4edee-cff1f1-dbf4f4-e7f8f8-f3fbfb-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 89DCDD
RGB: 137,220,221
Hex: 94DFE0
RGB: 148,223,224
Hex: A0E3E3
RGB: 160,227,227
Hex: ACE6E7
RGB: 172,230,231
Hex: B8EAEA
RGB: 184,234,234
Hex: C4EDEE
RGB: 196,237,238
Hex: CFF1F1
RGB: 207,241,241
Hex: DBF4F4
RGB: 219,244,244
Hex: E7F8F8
RGB: 231,248,248
Hex: F3FBFB
RGB: 243,251,251
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
F3FCFC
E7F8F8
DCF5F5
D0F1F1
C4EEEE
B8EAEB
ACE7E7
A1E3E4
95E0E0
89DCDD
7BC6C7
6EB0B1
609A9B
528485
456E6F
375858
294242
1B2C2C
0E1616
000000
FFFFFF
F4FCFC
EAF9F9
DFF5F6
D4F2F3
CAEFF0
BFECEC
B4E9E9
A9E5E6
9FE2E3
94DFE0
85C9CA
76B2B3
689C9D
598686
4A7070
3B595A
2C4343
1E2D2D
0F1616
000000
FFFFFF
F6FCFC
ECF9F9
E3F7F7
D9F4F4
D0F1F1
C6EEEE
BDEBEB
B3E9E9
AAE6E6
A0E3E3
90CCCC
80B6B6
709F9F
608888
507272
405B5B
304444
202D2D
101717
000000
FFFFFF
F7FDFD
EEFAFA
E6F8F8
DEF5F5
D6F3F3
CDF0F1
C5EEEE
BDEBEC
B4E9E9
ACE6E7
9BCFD0
8AB8B9
78A1A2
678A8B
567374
455C5C
344545
222E2E
111717
000000
FFFFFF
F8FDFD
F1FBFB
EAF9F9
E3F7F7
DCF5F5
D4F2F2
CDF0F0
C6EEEE
BFECEC
B8EAEA
A6D3D3
93BBBB
81A4A4
6E8C8C
5C7575
4A5E5E
374646
252F2F
121717
000000
FFFFFF
F9FDFD
F3FBFC
EDFAFA
E7F8F8
E2F6F7
DCF4F5
D6F2F3
D0F1F1
CAEFF0
C4EDEE
B0D5D6
9DBEBE
89A6A7
768E8F
627777
4E5F5F
3B4747
272F30
141818
000000
FFFFFF
FAFEFE
F5FCFC
F1FBFB
ECF9F9
E7F8F8
E2F7F7
DDF5F5
D9F4F4
D4F2F2
CFF1F1
BAD9D9
A6C1C1
91A9A9
7C9191
687979
536060
3E4848
293030
151818
000000
FFFFFF
FBFEFE
F8FDFD
F4FCFC
F1FBFB
EDFAFA
E9F8F8
E6F7F7
E2F6F6
DFF5F5
DBF4F4
C5DCDC
AFC3C3
99ABAB
839292
6E7A7A
586262
424949
2C3131
161818
000000
FFFFFF
FDFEFE
FAFEFE
F8FDFD
F5FCFC
F3FCFC
F1FBFB
EEFAFA
ECF9F9
E9F9F9
E7F8F8
D0DFDF
B9C6C6
A2AEAE
8B9595
747C7C
5C6363
454A4A
2E3232
171919
000000
FFFFFF
FEFFFF
FDFEFE
FBFEFE
FAFDFD
F9FDFD
F8FDFD
F7FCFC
F5FCFC
F4FBFB
F3FBFB
DBE2E2
C2C9C9
AAB0B0
929797
7A7E7E
616464
494B4B
313232
181919
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