Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/3bb6b2-4ebdb9-62c4c1-75cbc9-89d3d0-9ddad8-b0e1e0-c4e9e7-d7f0ef-ebf7f7-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 3BB6B2
RGB: 59,182,178
Hex: 4EBDB9
RGB: 78,189,185
Hex: 62C4C1
RGB: 98,196,193
Hex: 75CBC9
RGB: 117,203,201
Hex: 89D3D0
RGB: 137,211,208
Hex: 9DDAD8
RGB: 157,218,216
Hex: B0E1E0
RGB: 176,225,224
Hex: C4E9E7
RGB: 196,233,231
Hex: D7F0EF
RGB: 215,240,239
Hex: EBF7F7
RGB: 235,247,247
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
EBF8F7
D8F0F0
C4E9E8
B1E2E0
9DDBD9
89D3D1
76CCC9
62C5C1
4FBDBA
3BB6B2
35A4A0
2F928E
297F7D
236D6B
1E5B59
184947
123735
0C2424
061212
000000
FFFFFF
EDF8F8
DCF2F1
CAEBEA
B8E5E3
A7DEDC
95D7D5
83D1CE
71CAC7
60C4C0
4EBDB9
46AAA7
3E9794
378482
2F716F
275F5D
1F4C4A
173937
102625
081312
000000
FFFFFF
EFF9F9
E0F3F3
D0EDEC
C0E7E6
B1E2E0
A1DCDA
91D6D4
81D0CD
72CAC7
62C4C1
58B0AE
4E9D9A
458987
3B7674
316261
274E4D
1D3B3A
142727
0A1413
000000
FFFFFF
F1FAFA
E3F5F4
D6EFEF
C8EAE9
BAE5E4
ACE0DF
9EDBD9
91D5D4
83D0CE
75CBC9
69B7B5
5EA2A1
528E8D
467A79
3B6665
2F5150
233D3C
172928
0C1414
000000
FFFFFF
F3FBFA
E7F6F6
DCF2F1
D0EDEC
C4E9E8
B8E5E3
ACE0DE
A1DCD9
95D7D5
89D3D0
7BBEBB
6EA9A6
609492
527F7D
456A68
375453
293F3E
1B2A2A
0E1515
000000
FFFFFF
F5FBFB
EBF8F7
E2F4F3
D8F0EF
CEEDEC
C4E9E8
BAE5E4
B1E1E0
A7DEDC
9DDAD8
8DC4C2
7EAEAD
6E9997
5E8382
4F6D6C
3F5756
2F4141
1F2C2B
101616
000000
FFFFFF
F7FCFC
EFF9F9
E7F6F6
DFF3F3
D8F0F0
D0EDEC
C8EAE9
C0E7E6
B8E4E3
B0E1E0
9ECBCA
8DB4B3
7B9E9D
6A8786
587170
465A5A
354343
232D2D
121616
000000
FFFFFF
F9FDFD
F3FBFA
EDF8F8
E7F6F5
E2F4F3
DCF2F1
D6F0EE
D0EDEC
CAEBE9
C4E9E7
B0D2D0
9DBAB9
89A3A2
768C8B
627574
4E5D5C
3B4645
272F2E
141717
000000
FFFFFF
FBFEFD
F7FCFC
F3FBFA
EFF9F9
EBF8F7
E7F6F5
E3F5F4
DFF3F2
DBF2F1
D7F0EF
C2D8D7
ACC0BF
97A8A7
81908F
6C7878
566060
404848
2B3030
151818
000000
FFFFFF
FDFEFE
FBFDFD
F9FDFD
F7FCFC
F5FBFB
F3FAFA
F1F9F9
EFF9F9
EDF8F8
EBF7F7
D4DEDE
BCC6C6
A5ADAD
8D9494
767C7C
5E6363
464A4A
2F3131
171919
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