Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/7fbcdd-8bc2e0-98c9e3-a5d0e7-b2d6ea-bfddee-cbe4f1-d8eaf4-e5f1f8-f2f8fb-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 7FBCDD
RGB: 127,188,221
Hex: 8BC2E0
RGB: 139,194,224
Hex: 98C9E3
RGB: 152,201,227
Hex: A5D0E7
RGB: 165,208,231
Hex: B2D6EA
RGB: 178,214,234
Hex: BFDDEE
RGB: 191,221,238
Hex: CBE4F1
RGB: 203,228,241
Hex: D8EAF4
RGB: 216,234,244
Hex: E5F1F8
RGB: 229,241,248
Hex: F2F8FB
RGB: 242,248,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
F2F8FC
E5F2F8
D9EBF5
CCE4F1
BFDEEE
B2D7EB
A5D0E7
99C9E4
8CC3E0
7FBCDD
72A9C7
6696B1
59849B
4C7185
405E6F
334B58
263842
19262C
0D1316
000000
FFFFFF
F3F9FC
E8F3F9
DCEDF6
D1E7F3
C5E1F0
B9DAEC
AED4E9
A2CEE6
97C8E3
8BC2E0
7DAFCA
6F9BB3
61889D
537486
466170
384E5A
2A3A43
1C272D
0E1316
000000
FFFFFF
F5FAFC
EAF4F9
E0EFF7
D6E9F4
CCE4F1
C1DFEE
B7D9EB
ADD4E9
A2CEE6
98C9E3
89B5CC
7AA1B6
6A8D9F
5B7988
4C6572
3D505B
2E3C44
1E282D
0F1417
000000
FFFFFF
F6FAFD
EDF6FA
E4F1F8
DBECF5
D2E8F3
C9E3F1
C0DEEE
B7D9EC
AED5E9
A5D0E7
95BBD0
84A6B9
7392A2
637D8B
536874
42535C
313E45
212A2E
101517
000000
FFFFFF
F7FBFD
F0F7FB
E8F3F9
E0EFF7
D9EBF5
D1E6F2
C9E2F0
C1DEEE
BADAEC
B2D6EA
A0C1D3
8EABBB
7D96A4
6B808C
596B75
47565E
354046
242B2F
121517
000000
FFFFFF
F9FCFD
F2F8FC
ECF5FA
E5F1F8
DFEEF7
D9EBF5
D2E7F3
CCE4F1
C5E0F0
BFDDEE
ACC7D6
99B1BE
869BA7
73858F
606F77
4C585F
394247
262C30
131618
000000
FFFFFF
FAFCFE
F5FAFC
EFF7FB
EAF4F9
E5F2F8
E0EFF7
DBECF5
D5E9F4
D0E7F2
CBE4F1
B7CDD9
A2B6C1
8EA0A9
7A8991
667279
515B60
3D4448
292E30
141718
000000
FFFFFF
FBFDFE
F7FBFD
F3F9FC
EFF7FB
ECF5FA
E8F2F8
E4F0F7
E0EEF6
DCECF5
D8EAF4
C2D3DC
ADBBC3
97A4AB
828C92
6C757A
565E62
414649
2B2F31
161718
000000
FFFFFF
FCFEFE
FAFCFE
F7FBFD
F5F9FC
F2F8FC
EFF7FB
EDF5FA
EAF4F9
E8F2F9
E5F1F8
CED9DF
B7C1C6
A0A9AE
899195
73797C
5C6063
45484A
2E3032
171819
000000
FFFFFF
FEFEFF
FCFEFE
FBFDFE
FAFCFD
F9FCFD
F7FBFD
F6FAFC
F5F9FC
F3F9FB
F2F8FB
DADFE2
C2C6C9
A9AEB0
919597
797C7E
616364
494A4B
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