Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/255456-3a6566-507677-668788-7c9899-92a9aa-a7babb-bdcbcc-d3dcdd-e9edee-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 255456
RGB: 37,84,86
Hex: 3A6566
RGB: 58,101,102
Hex: 507677
RGB: 80,118,119
Hex: 668788
RGB: 102,135,136
Hex: 7C9899
RGB: 124,152,153
Hex: 92A9AA
RGB: 146,169,170
Hex: A7BABB
RGB: 167,186,187
Hex: BDCBCC
RGB: 189,203,204
Hex: D3DCDD
RGB: 211,220,221
Hex: E9EDEE
RGB: 233,237,238
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
E9EEEE
D3DDDD
BECCCC
A8BBBB
92AAAB
7C989A
668789
517678
3B6567
255456
214C4D
1E4345
1A3B3C
163234
132A2B
0F2222
0B191A
071111
040809
000000
FFFFFF
EBF0F0
D8E0E0
C4D1D1
B0C1C2
9DB2B3
89A3A3
759394
618485
4E7475
3A6566
345B5C
2E5152
294747
233D3D
1D3333
172829
111E1F
0C1414
060A0A
000000
FFFFFF
EEF1F1
DCE4E4
CBD6D6
B9C8C9
A8BBBB
96ADAD
859FA0
739192
628485
507677
486A6B
405E5F
385353
304747
283B3C
202F30
182324
101818
080C0C
000000
FFFFFF
F0F3F3
E0E7E7
D1DBDB
C2CFCF
B3C3C4
A3B7B8
94ABAC
859FA0
759394
668788
5C7A7A
526C6D
475F5F
3D5152
334444
293636
1F2829
141B1B
0A0D0E
000000
FFFFFF
F2F5F5
E5EAEB
D8E0E0
CBD6D6
BECCCC
B0C1C2
A3B7B8
96ADAD
89A2A3
7C9899
70898A
637A7A
576A6B
4A5B5C
3E4C4D
323D3D
252E2E
191E1F
0C0F0F
000000
FFFFFF
F4F6F7
E9EEEE
DEE5E6
D3DDDD
C9D4D5
BECBCC
B3C3C4
A8BABB
9DB2B3
92A9AA
839899
758788
667677
586566
495555
3A4444
2C3333
1D2222
0F1111
000000
FFFFFF
F6F8F8
EDF1F1
E5EAEB
DCE3E4
D3DDDD
CAD6D6
C1CFCF
B9C8C9
B0C1C2
A7BABB
96A7A8
869596
758283
647070
545D5E
434A4B
323838
212525
111313
000000
FFFFFF
F8FAFA
F2F5F5
EBEFF0
E5EAEB
DEE5E6
D7E0E0
D1DBDB
CAD5D6
C4D0D1
BDCBCC
AAB7B8
97A2A3
848E8F
717A7A
5F6666
4C5152
393D3D
262929
131414
000000
FFFFFF
FBFCFC
F6F8F8
F2F5F5
EDF1F1
E9EEEE
E5EAEB
E0E7E7
DCE3E4
D7E0E0
D3DCDD
BEC6C7
A9B0B1
949A9B
7F8485
6A6E6F
545858
3F4242
2A2C2C
151616
000000
FFFFFF
FDFDFD
FBFBFC
F8FAFA
F6F8F8
F4F6F7
F2F4F5
F0F2F3
EDF1F1
EBEFF0
E9EDEE
D2D5D6
BABEBE
A3A6A7
8C8E8F
757777
5D5F5F
464747
2F2F30
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