Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/b2c2da-a0aec4-8e9bae-7c8798-6a7482-59616d-474d57-353a41-23262b-111315-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: B2C2DA
RGB: 178,194,218
Hex: A0AEC4
RGB: 160,174,196
Hex: 8E9BAE
RGB: 142,155,174
Hex: 7C8798
RGB: 124,135,152
Hex: 6A7482
RGB: 106,116,130
Hex: 59616D
RGB: 89,97,109
Hex: 474D57
RGB: 71,77,87
Hex: 353A41
RGB: 53,58,65
Hex: 23262B
RGB: 35,38,43
Hex: 111315
RGB: 17,19,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
F7F9FB
F0F3F8
E8EDF4
E0E7F0
D9E1ED
D1DAE9
C9D4E5
C1CEE1
BAC8DE
B2C2DA
A0AFC4
8E9BAE
7D8899
6B7483
59616D
474E57
353A41
24272C
121316
000000
FFFFFF
F6F7F9
ECEFF3
E3E7ED
D9DFE7
D0D7E2
C6CEDC
BDC6D6
B3BED0
AAB6CA
A0AEC4
909DB0
808B9D
707A89
606876
505762
40464E
30343B
202327
101114
000000
FFFFFF
F4F5F7
E8EBEF
DDE1E7
D2D7DF
C7CDD7
BBC3CE
B0B9C6
A5AFBE
99A5B6
8E9BAE
808C9D
727C8B
636D7A
555D68
474E57
393E46
2B2E34
1C1F23
0E0F11
000000
FFFFFF
F2F3F5
E5E7EA
D8DBE0
CBCFD6
BEC3CC
B0B7C1
A3ABB7
969FAD
8993A2
7C8798
707A89
636C7A
575F6A
4A515B
3E444C
32363D
25282E
191B1E
0C0D0F
000000
FFFFFF
F0F1F3
E1E3E6
D2D5DA
C3C7CD
B5BAC1
A6ACB4
979EA8
88909B
79828F
6A7482
5F6875
555D68
4A515B
40464E
353A41
2A2E34
202327
15171A
0B0C0D
000000
FFFFFF
EEEFF0
DEDFE2
CDD0D3
BDC0C5
ACB0B6
9BA0A7
8B9099
7A818A
6A717C
59616D
505762
474E57
3E444C
353A41
2D3137
24272C
1B1D21
121316
090A0B
000000
FFFFFF
EDEDEE
DADBDD
C8CACD
B5B8BC
A3A6AB
91949A
7E8289
6C7179
595F68
474D57
40454E
393E46
32363D
2B2E34
24272C
1C1F23
15171A
0E0F11
070809
000000
FFFFFF
EBEBEC
D7D8D9
C2C4C6
AEB0B3
9A9DA0
86898D
72757A
5D6167
494E54
353A41
30343B
2A2E34
25292E
202327
1B1D21
15171A
101113
0B0C0D
050606
000000
FFFFFF
E9E9EA
D3D4D5
BDBEBF
A7A8AA
919395
7B7D80
65676B
4F5155
393C40
23262B
202227
1C1E22
191B1E
15171A
121316
0E0F11
0A0B0D
070809
030404
000000
FFFFFF
E7E7E8
CFD0D0
B8B8B9
A0A1A1
88898A
707173
585A5B
414244
292B2C
111315
0F1113
0E0F11
0C0D0F
0A0B0D
090A0B
070808
050606
030404
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