Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/689869-77a278-86ad87-95b796-a4c1a5-b4ccb4-c3d6c3-d2e0d2-e1eae1-f0f5f0-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 689869
RGB: 104,152,105
Hex: 77A278
RGB: 119,162,120
Hex: 86AD87
RGB: 134,173,135
Hex: 95B796
RGB: 149,183,150
Hex: A4C1A5
RGB: 164,193,165
Hex: B4CCB4
RGB: 180,204,180
Hex: C3D6C3
RGB: 195,214,195
Hex: D2E0D2
RGB: 210,224,210
Hex: E1EAE1
RGB: 225,234,225
Hex: F0F5F0
RGB: 240,245,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
F0F5F0
E1EAE1
D2E0D2
C3D6C3
B4CCB4
A4C1A5
95B796
86AD87
77A278
689869
5E895F
537A54
496A4A
3E5B3F
344C35
2A3D2A
1F2E1F
151E15
0A0F0A
000000
FFFFFF
F1F6F2
E4ECE4
D6E3D7
C9DAC9
BBD1BC
ADC7AE
A0BEA1
92B593
85AB86
77A278
6B926C
5F8260
537154
476148
3C513C
304130
243124
182018
0C100C
000000
FFFFFF
F3F7F3
E7EFE7
DBE6DB
CFDECF
C3D6C3
B6CEB7
AAC6AB
9EBD9F
92B593
86AD87
799C7A
6B8A6C
5E795F
506851
435744
364536
283428
1B231B
0D110D
000000
FFFFFF
F4F8F5
EAF1EA
DFE9E0
D5E2D5
CADBCB
BFD4C0
B5CDB6
AAC5AB
A0BEA1
95B796
86A587
779278
688069
596E5A
4B5C4B
3C493C
2D372D
1E251E
0F120F
000000
FFFFFF
F6F9F6
EDF3ED
E4ECE4
DBE6DB
D2E0D2
C8DAC9
BFD4C0
B6CDB7
ADC7AE
A4C1A5
94AE95
839A84
738773
627463
526153
424D42
313A31
212721
101310
000000
FFFFFF
F8FAF8
F0F5F0
E9F0E9
E1EBE1
DAE6DA
D2E0D2
CBDBCB
C3D6C3
BCD1BC
B4CCB4
A2B8A2
90A390
7E8F7E
6C7A6C
5A665A
485248
363D36
242924
121412
000000
FFFFFF
F9FBF9
F3F7F3
EDF3ED
E7EFE7
E1EBE1
DBE6DB
D5E2D5
CFDECF
C9DAC9
C3D6C3
B0C1B0
9CAB9C
899689
758075
626B62
4E564E
3A403A
272B27
131513
000000
FFFFFF
FBFCFB
F6F9F6
F2F6F2
EDF3ED
E9F0E9
E4ECE4
E0E9E0
DBE6DB
D7E3D7
D2E0D2
BDCABD
A8B3A8
939D93
7E867E
697069
545A54
3F433F
2A2D2A
151615
000000
FFFFFF
FCFDFC
F9FBF9
F6F9F6
F3F7F3
F0F5F0
EDF2ED
EAF0EA
E7EEE7
E4ECE4
E1EAE1
CBD3CB
B4BBB4
9EA49E
878C87
717571
5A5E5A
434643
2D2F2D
161716
000000
FFFFFF
FEFEFE
FCFDFC
FBFCFB
F9FBF9
F8FAF8
F6F9F6
F5F8F5
F3F7F3
F2F6F2
F0F5F0
D8DDD8
C0C4C0
A8ACA8
909390
787B78
606260
484948
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