Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/578d69-679878-78a387-89af96-9abaa5-abc6b4-bbd1c3-ccdcd2-dde8e1-eef3f0-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 578D69
RGB: 87,141,105
Hex: 679878
RGB: 103,152,120
Hex: 78A387
RGB: 120,163,135
Hex: 89AF96
RGB: 137,175,150
Hex: 9ABAA5
RGB: 154,186,165
Hex: ABC6B4
RGB: 171,198,180
Hex: BBD1C3
RGB: 187,209,195
Hex: CCDCD2
RGB: 204,220,210
Hex: DDE8E1
RGB: 221,232,225
Hex: EEF3F0
RGB: 238,243,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
EEF4F0
DDE8E1
CDDDD2
BCD1C3
ABC6B4
9ABBA5
89AF96
79A487
689878
578D69
4E7F5F
467154
3D634A
34553F
2C4735
23382A
1A2A1F
111C15
090E0A
000000
FFFFFF
F0F5F2
E1EAE4
D1E0D7
C2D6C9
B3CCBC
A4C1AE
95B7A1
85AD93
76A286
679878
5D896C
527A60
486A54
3E5B48
344C3C
293D30
1F2E24
151E18
0A0F0C
000000
FFFFFF
F2F6F3
E4EDE7
D7E3DB
C9DACF
BCD1C3
AEC8B7
A1BFAB
93B59F
86AC93
78A387
6C937A
60826C
54725F
486251
3C5244
304136
243128
18211B
0C100D
000000
FFFFFF
F3F7F5
E7EFEA
DCE7E0
D0DFD5
C4D7CB
B8CFC0
ACC7B6
A1BFAB
95B7A1
89AF96
7B9E87
6E8C78
607A69
52695A
45584B
37463C
29342D
1B231E
0E110F
000000
FFFFFF
F5F8F6
EBF1ED
E1EAE4
D7E3DB
CDDDD2
C2D6C9
B8CFC0
AEC8B7
A4C1AE
9ABAA5
8BA795
7B9584
6C8273
5C7063
4D5D53
3E4A42
2E3831
1F2521
0F1310
000000
FFFFFF
F7F9F8
EEF4F0
E6EEE9
DDE8E1
D5E3DA
CDDDD2
C4D7CB
BCD1C3
B3CCBC
ABC6B4
9AB2A2
899E90
788B7E
67776C
56635A
444F48
333B36
222824
111412
000000
FFFFFF
F8FAF9
F1F6F3
EBF1ED
E4EDE7
DDE8E1
D6E3DB
CFDFD5
C9DACF
C2D6C9
BBD1C3
A8BCB0
96A79C
839289
707D75
5E6962
4B544E
383F3A
252A27
131513
000000
FFFFFF
FAFCFB
F5F8F6
F0F5F2
EBF1ED
E6EEE9
E0EAE4
DBE7E0
D6E3DB
D1E0D7
CCDCD2
B8C6BD
A3B0A8
8F9A93
7A847E
666E69
525854
3D423F
292C2A
141615
000000
FFFFFF
FCFDFC
F8FAF9
F5F8F6
F1F6F3
EEF4F0
EBF1ED
E7EFEA
E4EDE7
E0EAE4
DDE8E1
C7D1CB
B1BAB4
9BA29E
858B87
6F7471
585D5A
424643
2C2E2D
161716
000000
FFFFFF
FDFEFE
FCFDFC
FAFBFB
F8FAF9
F7F9F8
F5F8F6
F3F7F5
F1F5F3
F0F4F2
EEF3F0
D6DBD8
BEC2C0
A7AAA8
8F9290
777A78
5F6160
474948
303130
181818
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