Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/369d0f-308d0d-2b7d0c-256d0a-205e09-1b4e07-153e06-102f04-0a1f03-050f01-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 369D0F
RGB: 54,157,15
Hex: 308D0D
RGB: 48,141,13
Hex: 2B7D0C
RGB: 43,125,12
Hex: 256D0A
RGB: 37,109,10
Hex: 205E09
RGB: 32,94,9
Hex: 1B4E07
RGB: 27,78,7
Hex: 153E06
RGB: 21,62,6
Hex: 102F04
RGB: 16,47,4
Hex: 0A1F03
RGB: 10,31,3
Hex: 050F01
RGB: 5,15,1
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
EBF5E7
D7EBCF
C3E2B7
AFD89F
9BCE87
86C46F
72BA57
5EB13F
4AA727
369D0F
318D0E
2B7E0C
266E0B
205E09
1B4F08
163F06
102F04
0B1F03
051001
000000
FFFFFF
EAF4E7
D6E8CF
C1DDB6
ACD19E
98C686
83BB6E
6EAF56
59A43D
459825
308D0D
2B7F0C
26710A
226309
1D5508
184707
133805
0E2A04
0A1C03
050E01
000000
FFFFFF
EAF2E7
D5E5CE
BFD8B6
AACB9E
95BE86
80B16D
6BA455
55973D
408A24
2B7D0C
27710B
22640A
1E5808
1A4B07
163F06
113205
0D2504
091902
040C01
000000
FFFFFF
E9F0E7
D3E2CE
BED3B6
A8C59D
92B685
7CA76C
669954
518A3B
3B7C23
256D0A
216209
1E5708
1A4C07
164106
133705
0F2C04
0B2103
071602
040B01
000000
FFFFFF
E9EFE6
D2DFCE
BCCFB5
A6BF9D
90AF84
799E6B
638E53
4D7E3A
366E22
205E09
1D5508
1A4B07
164206
133805
102F05
0D2604
0A1C03
061302
030901
000000
FFFFFF
E8EDE6
D1DCCD
BBCAB5
A4B89C
8DA783
76956A
5F8351
497139
326020
1B4E07
184606
163E06
133705
102F04
0E2704
0B1F03
081702
051001
030801
000000
FFFFFF
E8ECE6
D0D8CD
B9C5B4
A1B29B
8A9F83
738B6A
5B7851
446538
2C511F
153E06
133805
113205
0F2B04
0D2504
0B1F03
081902
061302
040C01
020601
000000
FFFFFF
E7EAE6
CFD5CD
B7C1B4
9FAC9B
889782
708268
586D4F
405936
28441D
102F04
0E2A04
0D2603
0B2103
0A1C02
081802
061302
050E01
030901
020500
000000
FFFFFF
E7E9E6
CED2CD
B6BCB3
9DA59A
858F81
6C7968
54624F
3B4C35
23351C
0A1F03
091C03
081902
071602
061302
051002
040C01
030901
020601
010300
000000
FFFFFF
E6E7E6
CDCFCC
B4B7B3
9B9F99
828780
696F67
50574D
373F34
1E271A
050F01
050E01
040C01
040B01
030901
030801
020600
010400
010300
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