Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/167769-2d8578-459287-5ca096-73ada5-8abbb4-a2c9c3-b9d6d2-d0e4e1-e8f1f0-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 167769
RGB: 22,119,105
Hex: 2D8578
RGB: 45,133,120
Hex: 459287
RGB: 69,146,135
Hex: 5CA096
RGB: 92,160,150
Hex: 73ADA5
RGB: 115,173,165
Hex: 8ABBB4
RGB: 138,187,180
Hex: A2C9C3
RGB: 162,201,195
Hex: B9D6D2
RGB: 185,214,210
Hex: D0E4E1
RGB: 208,228,225
Hex: E8F1F0
RGB: 232,241,240
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
E8F1F0
D0E4E1
B9D6D2
A2C9C3
8BBBB4
73ADA5
5CA096
459287
2D8578
167769
146B5F
125F54
0F534A
0D473F
0B3C35
09302A
07241F
041815
020C0A
000000
FFFFFF
EAF3F2
D5E7E4
C0DAD7
ABCEC9
96C2BC
81B6AE
6CAAA1
579D93
429186
2D8578
29786C
246A60
1F5D54
1B5048
17433C
123530
0D2824
091B18
040D0C
000000
FFFFFF
ECF4F3
DAE9E7
C7DEDB
B5D3CF
A2C9C3
8FBEB7
7DB3AB
6AA89F
589D93
459287
3E837A
37756C
30665F
295851
234944
1C3A36
152C28
0E1D1B
070F0D
000000
FFFFFF
EFF6F5
DEECEA
CEE3E0
BED9D5
AED0CB
9DC6C0
8DBDB6
7DB3AB
6CAAA1
5CA096
539087
4A8078
407069
37605A
2E504B
25403C
1C302D
12201E
09100F
000000
FFFFFF
F1F7F6
E3EFED
D5E6E4
C7DEDB
B9D6D2
ABCEC9
9DC6C0
8FBDB7
81B5AE
73ADA5
689C95
5C8A84
517973
456863
3A5753
2E4542
223431
172321
0B1110
000000
FFFFFF
F3F8F8
E8F1F0
DCEBE9
D0E4E1
C5DDDA
B9D6D2
ADCFCB
A1C9C3
96C2BC
8ABBB4
7CA8A2
6E9690
61837E
53706C
455E5A
374B48
293836
1C2524
0E1312
000000
FFFFFF
F6FAF9
ECF4F3
E3EFED
DAE9E7
D1E4E1
C7DFDB
BED9D5
B5D4CF
ABCEC9
A2C9C3
92B5B0
82A19C
718D89
617975
516562
41504E
313C3A
202827
101413
000000
FFFFFF
F8FBFB
F1F7F6
EAF3F2
E3EFED
DCEBE9
D5E6E4
CEE2E0
C7DEDB
C0DAD7
B9D6D2
A7C1BD
94ABA8
829693
6F807E
5D6B69
4A5654
37403F
252B2A
121515
000000
FFFFFF
FAFCFC
F6FAF9
F1F7F6
ECF4F3
E8F2F0
E3EFED
DEECEA
D9E9E7
D5E7E4
D0E4E1
BBCDCB
A6B6B4
92A09E
7D8987
687271
535B5A
3E4443
2A2E2D
151716
000000
FFFFFF
FDFEFE
FAFCFC
F8FBFB
F6F9F9
F4F8F8
F1F7F6
EFF5F5
EDF4F3
EAF2F2
E8F1F0
D1D9D8
BAC1C0
A2A9A8
8B9190
747978
5D6060
464848
2E3030
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