Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/b2ddd1-a0c6bc-8eb0a7-7c9a92-6a847d-596e68-475853-35423e-232c29-111614-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: B2DDD1
RGB: 178,221,209
Hex: A0C6BC
RGB: 160,198,188
Hex: 8EB0A7
RGB: 142,176,167
Hex: 7C9A92
RGB: 124,154,146
Hex: 6A847D
RGB: 106,132,125
Hex: 596E68
RGB: 89,110,104
Hex: 475853
RGB: 71,88,83
Hex: 35423E
RGB: 53,66,62
Hex: 232C29
RGB: 35,44,41
Hex: 111614
RGB: 17,22,20
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
F7FCFA
F0F8F6
E8F5F1
E0F1ED
D9EEE8
D1EBE3
C9E7DF
C1E4DA
BAE0D6
B2DDD1
A0C7BC
8EB1A7
7D9B92
6B857D
596F69
475854
35423F
242C2A
121615
000000
FFFFFF
F6F9F8
ECF4F2
E3EEEB
D9E8E4
D0E3DE
C6DDD7
BDD7D0
B3D1C9
AACCC3
A0C6BC
90B2A9
809E96
708B84
607771
50635E
404F4B
303B38
202826
101413
000000
FFFFFF
F4F7F6
E8EFED
DDE7E5
D2DFDC
C7D8D3
BBD0CA
B0C8C1
A5C0B9
99B8B0
8EB0A7
809E96
728D86
637B75
556A64
475854
394643
2B3532
1C2321
0E1211
000000
FFFFFF
F2F5F4
E5EBE9
D8E1DE
CBD7D3
BECDC9
B0C2BE
A3B8B3
96AEA8
89A49D
7C9A92
708B83
637B75
576C66
4A5C58
3E4D49
323E3A
252E2C
191F1D
0C0F0F
000000
FFFFFF
F0F3F2
E1E6E5
D2DAD8
C3CECB
B5C2BE
A6B5B1
97A9A4
889D97
79908A
6A847D
5F7771
556A64
4A5C58
404F4B
35423F
2A3532
202825
151A19
0B0D0C
000000
FFFFFF
EEF1F0
DEE2E1
CDD4D2
BDC5C3
ACB7B4
9BA8A4
8B9A95
7A8B86
6A7D77
596E68
50635E
475853
3E4D49
35423E
2D3734
242C2A
1B211F
121615
090B0A
000000
FFFFFF
EDEEEE
DADEDD
C8CDCB
B5BCBA
A3ACA9
919B98
7E8A87
6C7975
596964
475853
404F4B
394642
323E3A
2B3532
242C2A
1C2321
151A19
0E1211
070908
000000
FFFFFF
EBECEC
D7D9D8
C2C6C5
AEB3B2
9AA19F
868E8B
727B78
5D6865
495551
35423E
303B38
2A3532
252E2B
202825
1B211F
151A19
101413
0B0D0C
050706
000000
FFFFFF
E9EAEA
D3D5D4
BDC0BF
A7ABA9
919694
7B807F
656B69
4F5654
39413E
232C29
202825
1C2321
191F1D
151A19
121615
0E1210
0A0D0C
070908
030404
000000
FFFFFF
E7E8E8
CFD0D0
B8B9B9
A0A2A1
888B8A
707372
585C5B
414543
292D2C
111614
0F1412
0E1210
0C0F0E
0A0D0C
090B0A
070908
050706
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