Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/b2dfe8-a0c8d0-8eb2b9-7c9ca2-6a858b-596f74-47595c-354245-232c2e-111617-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: B2DFE8
RGB: 178,223,232
Hex: A0C8D0
RGB: 160,200,208
Hex: 8EB2B9
RGB: 142,178,185
Hex: 7C9CA2
RGB: 124,156,162
Hex: 6A858B
RGB: 106,133,139
Hex: 596F74
RGB: 89,111,116
Hex: 47595C
RGB: 71,89,92
Hex: 354245
RGB: 53,66,69
Hex: 232C2E
RGB: 35,44,46
Hex: 111617
RGB: 17,22,23
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
F7FCFD
F0F9FA
E8F5F8
E0F2F6
D9EFF4
D1ECF1
C9E9EF
C1E5ED
BAE2EA
B2DFE8
A0C9D1
8EB2BA
7D9CA2
6B868B
597074
47595D
354346
242D2E
121617
000000
FFFFFF
F6FAFA
ECF4F6
E3EFF1
D9E9EC
D0E4E8
C6DEE3
BDD9DE
B3D3D9
AACED5
A0C8D0
90B4BB
80A0A6
708C92
60787D
506468
405053
303C3E
20282A
101415
000000
FFFFFF
F4F7F8
E8F0F1
DDE8EA
D2E0E3
C7D9DC
BBD1D5
B0C9CE
A5C1C7
99BAC0
8EB2B9
80A0A7
728E94
637D82
556B6F
47595D
39474A
2B3537
1C2425
0E1212
000000
FFFFFF
F2F5F6
E5EBEC
D8E1E3
CBD7DA
BECED1
B0C4C7
A3BABE
96B0B5
89A6AB
7C9CA2
708C92
637D82
576D71
4A5E61
3E4E51
323E41
252F31
191F20
0C1010
000000
FFFFFF
F0F3F3
E1E7E8
D2DADC
C3CED1
B5C2C5
A6B6B9
97AAAE
889DA2
799197
6A858B
5F787D
556A6F
4A5D61
405053
354346
2A3538
20282A
151B1C
0B0D0E
000000
FFFFFF
EEF1F1
DEE2E3
CDD4D5
BDC5C7
ACB7BA
9BA9AC
8B9A9E
7A8C90
6A7D82
596F74
506468
47595D
3E4E51
354346
2D383A
242C2E
1B2123
121617
090B0C
000000
FFFFFF
EDEEEF
DADEDE
C8CDCE
B5BDBE
A3ACAE
919B9D
7E8B8D
6C7A7D
596A6C
47595C
405053
39474A
323E40
2B3537
242D2E
1C2425
151B1C
0E1212
070909
000000
FFFFFF
EBECEC
D7D9DA
C2C6C7
AEB3B5
9AA1A2
868E8F
727B7D
5D686A
495558
354245
303B3E
2A3537
252E30
202829
1B2123
151A1C
101415
0B0D0E
050707
000000
FFFFFF
E9EAEA
D3D5D5
BDC0C0
A7ABAB
919697
7B8082
656B6D
4F5658
394143
232C2E
202829
1C2325
191F20
151A1C
121617
0E1212
0A0D0E
070909
030405
000000
FFFFFF
E7E8E8
CFD0D1
B8B9B9
A0A2A2
888B8B
707374
585C5D
414545
292D2E
111617
0F1415
0E1212
0C0F10
0A0D0E
090B0C
070909
050707
030405
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