Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/22887b-389388-4e9f95-64aba2-7ab7af-90c3bd-a6cfca-bcdbd7-d2e7e4-e8f3f1-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 22887B
RGB: 34,136,123
Hex: 389388
RGB: 56,147,136
Hex: 4E9F95
RGB: 78,159,149
Hex: 64ABA2
RGB: 100,171,162
Hex: 7AB7AF
RGB: 122,183,175
Hex: 90C3BD
RGB: 144,195,189
Hex: A6CFCA
RGB: 166,207,202
Hex: BCDBD7
RGB: 188,219,215
Hex: D2E7E4
RGB: 210,231,228
Hex: E8F3F1
RGB: 232,243,241
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
E9F3F2
D3E7E5
BDDBD7
A7CFCA
91C4BD
7AB8B0
64ACA3
4EA095
389488
22887B
1F7A6F
1B6D62
185F56
14524A
11443E
0E3631
0A2925
071B19
030E0C
000000
FFFFFF
EBF4F3
D7E9E7
C3DFDB
AFD4CF
9CC9C4
88BEB8
74B3AC
60A9A0
4C9E94
389388
32847A
2D766D
27675F
225852
1C4A44
163B36
112C29
0B1D1B
060F0E
000000
FFFFFF
EDF5F4
DCECEA
CAE2DF
B8D9D5
A7CFCA
95C5BF
83BCB5
71B2AA
60A9A0
4E9F95
468F86
3E7F77
376F68
2F5F59
27504B
1F403C
17302D
10201E
08100F
000000
FFFFFF
F0F7F6
E0EEEC
D1E6E3
C1DDDA
B2D5D1
A2CDC7
93C4BE
83BCB5
74B3AB
64ABA2
5A9A92
508982
467871
3C6761
325651
284441
1E3331
142220
0A1110
000000
FFFFFF
F2F8F7
E4F1EF
D7E9E7
CAE2DF
BDDBD7
AFD4CF
A2CDC7
95C5BF
87BEB7
7AB7AF
6EA59E
62928C
55807A
496E69
3D5C58
314946
253734
182523
0C1211
000000
FFFFFF
F4F9F8
E9F3F2
DEEDEB
D3E7E5
C8E1DE
BCDBD7
B1D5D1
A6CFCA
9BC9C4
90C3BD
82B0AA
739C97
658984
567571
48625F
3A4E4C
2B3A39
1D2726
0E1313
000000
FFFFFF
F6FAFA
EDF5F4
E4F1EF
DBECEA
D3E7E5
CAE2DF
C1DDDA
B8D9D5
AFD4CF
A6CFCA
95BAB6
85A6A2
74918D
647C79
536865
425351
323E3D
212928
111514
000000
FFFFFF
F8FBFB
F2F8F7
EBF4F3
E4F1EF
DEEDEB
D7E9E7
D0E6E3
C9E2DF
C3DFDB
BCDBD7
A9C5C2
96AFAC
849997
718381
5E6E6C
4B5856
384240
262C2B
131615
000000
FFFFFF
FBFDFC
F6FAFA
F2F8F7
EDF5F4
E9F3F2
E4F1EF
E0EEEC
DBECE9
D7E9E7
D2E7E4
BDD0CD
A8B9B6
93A2A0
7E8B89
697472
545C5B
3F4544
2A2E2E
151717
000000
FFFFFF
FDFEFE
FAFDFC
F8FBFB
F6FAF9
F4F9F8
F1F8F7
EFF7F5
EDF5F4
EAF4F2
E8F3F1
D1DBD9
BAC2C1
A2AAA9
8B9291
747A79
5D6160
464948
2E3130
171818
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