Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/228b22-1e7d1e-1b6f1b-176117-145314-114511-0d370d-0a290a-061b06-030d03-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 228B22
RGB: 34,139,34
Hex: 1E7D1E
RGB: 30,125,30
Hex: 1B6F1B
RGB: 27,111,27
Hex: 176117
RGB: 23,97,23
Hex: 145314
RGB: 20,83,20
Hex: 114511
RGB: 17,69,17
Hex: 0D370D
RGB: 13,55,13
Hex: 0A290A
RGB: 10,41,10
Hex: 061B06
RGB: 6,27,6
Hex: 030D03
RGB: 3,13,3
Hex: 000000
RGB: 0,0,0
-100%
-90%
-80%
-70%
-60%
-50%
-40%
-30%
-20%
-10%
Original
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
FFFFFF
E9F3E9
D3E8D3
BDDCBD
A7D1A7
91C591
7AB97A
64AE64
4EA24E
389738
228B22
1F7D1F
1B6F1B
186118
145314
114611
0E380E
0A2A0A
071C07
030E03
000000
FFFFFF
E9F2E9
D2E5D2
BCD8BC
A5CBA5
8FBE8F
78B178
62A462
4B974B
358A35
1E7D1E
1B711B
186418
155815
124B12
0F3F0F
0C320C
092509
061906
030C03
000000
FFFFFF
E8F1E8
D1E2D1
BBD4BB
A4C5A4
8DB78D
76A976
5F9A5F
498C49
327D32
1B6F1B
186418
165916
134E13
104310
0E380E
0B2C0B
082108
051605
030B03
000000
FFFFFF
E8EFE8
D1DFD1
B9D0B9
A2C0A2
8BB08B
74A074
5D905D
458145
2E712E
176117
155715
124E12
104410
0E3A0E
0C310C
092709
071D07
051305
020A02
000000
FFFFFF
E8EEE8
D0DDD0
B9CBB9
A1BAA1
8AA98A
729872
5B875B
437543
2C642C
145314
124B12
104210
0E3A0E
0C320C
0A2A0A
082108
061906
041104
020802
000000
FFFFFF
E7ECE7
CFDACF
B8C7B8
A0B5A0
88A288
708F70
587D58
416A41
295829
114511
0F3E0F
0E370E
0C300C
0A290A
092309
071C07
051505
030E03
020702
000000
FFFFFF
E7EBE7
CFD7CF
B6C3B6
9EAF9E
869B86
6E876E
567356
3D5F3D
254B25
0D370D
0C320C
0A2C0A
092709
082108
071C07
051605
041004
030B03
010501
000000
FFFFFF
E7EAE7
CED4CE
B6BFB6
9DA99D
859485
6C7F6C
546954
3B543B
233E23
0A290A
092509
082108
071D07
061906
051505
041004
030C03
020802
010401
000000
FFFFFF
E6E8E6
CDD1CD
B4BBB4
9BA49B
838D83
6A766A
515F51
384938
1F321F
061B06
051805
051605
041304
041004
030E03
020B02
020802
010501
010301
000000
FFFFFF
E6E7E6
CDCFCD
B3B6B3
9A9E9A
818681
686E68
4F564F
353D35
1C251C
030D03
030C03
020A02
020902
020802
020702
010501
010401
010301
000100
000000
FFFFFF
E6E6E6
CCCCCC
B3B3B3
999999
808080
666666
4D4D4D
333333
1A1A1A
000000
000000
000000
000000
000000
000000
000000
000000
000000
000000
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