Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/7fd0d1-8bd4d5-98d9da-a5dede-b2e2e3-bfe7e8-cbecec-d8f0f1-e5f5f5-f2fafa-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 7FD0D1
RGB: 127,208,209
Hex: 8BD4D5
RGB: 139,212,213
Hex: 98D9DA
RGB: 152,217,218
Hex: A5DEDE
RGB: 165,222,222
Hex: B2E2E3
RGB: 178,226,227
Hex: BFE7E8
RGB: 191,231,232
Hex: CBECEC
RGB: 203,236,236
Hex: D8F0F1
RGB: 216,240,241
Hex: E5F5F5
RGB: 229,245,245
Hex: F2FAFA
RGB: 242,250,250
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
F2FAFA
E5F6F6
D9F1F1
CCECED
BFE8E8
B2E3E3
A5DEDF
99D9DA
8CD5D6
7FD0D1
72BBBC
66A6A7
599292
4C7D7D
406869
335354
263E3F
192A2A
0D1515
000000
FFFFFF
F3FBFB
E8F6F7
DCF2F2
D1EEEE
C5EAEA
B9E5E6
AEE1E2
A2DDDD
97D8D9
8BD4D5
7DBFC0
6FAAAA
619495
537F80
466A6B
385555
2A4040
1C2A2B
0E1515
000000
FFFFFF
F5FBFB
EAF7F8
E0F4F4
D6F0F0
CCECED
C1E8E9
B7E4E5
ADE1E1
A2DDDE
98D9DA
89C3C4
7AAEAE
6A9899
5B8283
4C6D6D
3D5757
2E4141
1E2B2C
0F1616
000000
FFFFFF
F6FCFC
EDF8F8
E4F5F5
DBF2F2
D2EFEF
C9EBEB
C0E8E8
B7E5E5
AEE1E1
A5DEDE
95C8C8
84B2B2
739B9B
638585
536F6F
425959
314343
212C2C
101616
000000
FFFFFF
F7FCFC
F0F9F9
E8F6F7
E0F3F4
D9F1F1
D1EEEE
C9EBEB
C1E8E9
BAE5E6
B2E2E3
A0CBCC
8EB5B6
7D9E9F
6B8888
597172
475A5B
354444
242D2D
121717
000000
FFFFFF
F9FDFD
F2FAFA
ECF8F8
E5F5F6
DFF3F4
D9F1F1
D2EEEF
CCECED
C5E9EA
BFE7E8
ACD0D1
99B9BA
86A2A2
738B8B
607474
4C5C5D
394546
262E2E
131717
000000
FFFFFF
FAFDFD
F5FBFB
EFF9F9
EAF7F7
E5F6F6
E0F4F4
DBF2F2
D5F0F0
D0EEEE
CBECEC
B7D4D4
A2BDBD
8EA5A5
7A8E8E
667676
515E5E
3D4747
292F2F
141818
000000
FFFFFF
FBFEFE
F7FCFC
F3FBFB
EFF9F9
ECF8F8
E8F6F7
E4F5F5
E0F3F4
DCF2F2
D8F0F1
C2D8D9
ADC0C1
97A8A9
829091
6C7879
566060
414848
2B3030
161818
000000
FFFFFF
FCFEFE
FAFDFD
F7FCFC
F5FBFB
F2FAFA
EFF9F9
EDF8F8
EAF7F7
E8F6F6
E5F5F5
CEDDDD
B7C4C4
A0ACAC
899393
737B7B
5C6262
454949
2E3131
171818
000000
FFFFFF
FEFFFF
FCFEFE
FBFEFE
FAFDFD
F9FDFD
F7FCFC
F6FCFC
F5FBFB
F3FBFB
F2FAFA
DAE1E1
C2C8C8
A9AFAF
919696
797D7D
616464
494B4B
303232
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