Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/b1f1e6-9fd8cf-8dc0b8-7ba8a1-6a908a-587873-46605c-354845-23302e-111817-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: B1F1E6
RGB: 177,241,230
Hex: 9FD8CF
RGB: 159,216,207
Hex: 8DC0B8
RGB: 141,192,184
Hex: 7BA8A1
RGB: 123,168,161
Hex: 6A908A
RGB: 106,144,138
Hex: 587873
RGB: 88,120,115
Hex: 46605C
RGB: 70,96,92
Hex: 354845
RGB: 53,72,69
Hex: 23302E
RGB: 35,48,46
Hex: 111817
RGB: 17,24,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
F7FEFD
EFFCFA
E8FBF8
E0F9F5
D8F8F3
D0F7F0
C8F5EE
C1F4EB
B9F2E9
B1F1E6
9FD9CF
8EC1B8
7CA9A1
6A918A
597973
47605C
354845
23302E
121817
000000
FFFFFF
F5FBFA
ECF7F5
E2F3F1
D9EFEC
CFECE7
C5E8E2
BCE4DD
B2E0D9
A9DCD4
9FD8CF
8FC2BA
7FADA6
6F9791
5F827C
506C68
405653
30413E
202B29
101615
000000
FFFFFF
F4F9F8
E8F2F1
DDECEA
D1E6E3
C6E0DC
BBD9D4
AFD3CD
A4CDC6
98C6BF
8DC0B8
7FADA6
719A93
638681
55736E
47605C
384D4A
2A3A37
1C2625
0E1312
000000
FFFFFF
F2F6F6
E5EEEC
D7E5E3
CADCD9
BDD4D0
B0CBC7
A3C2BD
95B9B4
88B1AA
7BA8A1
6F9791
628681
567671
4A6561
3E5451
314340
253230
192220
0C1110
000000
FFFFFF
F0F4F3
E1E9E8
D2DEDC
C3D3D0
B5C8C5
A6BCB9
97B1AD
88A6A1
799B96
6A908A
5F827C
55736E
4A6561
405653
354845
2A3A37
202B29
151D1C
0B0E0E
000000
FFFFFF
EEF2F1
DEE4E3
CDD7D5
BCC9C7
ACBCB9
9BAEAB
8AA19D
79938F
698681
587873
4F6C68
46605C
3E5451
354845
2C3C3A
23302E
1A2422
121817
090C0B
000000
FFFFFF
EDEFEF
DADFDE
C8CFCE
B5BFBE
A3B0AE
90A09D
7E908D
6B807D
59706C
46605C
3F5653
384D4A
314340
2A3A37
23302E
1C2625
151D1C
0E1312
070A09
000000
FFFFFF
EBEDEC
D7DADA
C2C8C7
AEB6B5
9AA4A2
86918F
727F7D
5D6D6A
495A58
354845
30413E
2A3A37
253230
202B29
1B2423
151D1C
101615
0B0E0E
050707
000000
FFFFFF
E9EAEA
D3D6D5
BDC1C0
A7ACAB
919897
7B8382
656E6D
4F5958
394543
23302E
202B29
1C2625
192220
151D1C
121817
0E1312
0A0E0E
070A09
030505
000000
FFFFFF
E7E8E8
CFD1D1
B8BAB9
A0A3A2
888C8B
707474
585D5D
414645
292F2E
111817
0F1615
0E1312
0C1110
0A0E0E
090C0C
070A09
050707
030505
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