Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/236642-397554-4f8467-65937a-7ba38d-91b2a0-a7c1b3-bdd1c6-d3e0d9-e9efec-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 236642
RGB: 35,102,66
Hex: 397554
RGB: 57,117,84
Hex: 4F8467
RGB: 79,132,103
Hex: 65937A
RGB: 101,147,122
Hex: 7BA38D
RGB: 123,163,141
Hex: 91B2A0
RGB: 145,178,160
Hex: A7C1B3
RGB: 167,193,179
Hex: BDD1C6
RGB: 189,209,198
Hex: D3E0D9
RGB: 211,224,217
Hex: E9EFEC
RGB: 233,239,236
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
E9F0EC
D3E0D9
BDD1C6
A7C2B3
91B3A1
7BA38E
65947B
4F8568
397555
236642
205C3B
1C5235
19472E
153D28
123321
0E291A
0A1F14
07140D
030A07
000000
FFFFFF
EBF1EE
D7E3DD
C4D6CC
B0C8BB
9CBAAA
88AC98
749E87
619176
4D8365
397554
33694C
2E5E43
28523B
224632
1D3B2A
172F22
112319
0B1711
060C08
000000
FFFFFF
EDF3F0
DCE6E1
CADAD1
B9CEC2
A7C2B3
95B5A4
84A995
729D85
619076
4F8467
47775D
3F6A52
375C48
2F4F3E
284234
203529
18281F
101A15
080D0A
000000
FFFFFF
F0F4F2
E0E9E4
D1DFD7
C1D4CA
B2C9BD
A3BEAF
93B3A2
84A995
749E87
65937A
5B846E
517662
476755
3D5849
334A3D
283B31
1E2C25
141D18
0A0F0C
000000
FFFFFF
F2F6F4
E5EDE8
D7E3DD
CADAD1
BDD1C6
B0C8BB
A3BFAF
95B5A4
88AC98
7BA38D
6F937F
628271
567263
4A6255
3E5247
314138
25312A
19211C
0C100E
000000
FFFFFF
F4F7F6
E9F0EC
DEE8E3
D3E0D9
C8D9D0
BDD1C6
B2C9BD
A7C1B3
9CBAAA
91B2A0
83A090
748E80
667D70
576B60
495950
3A4740
2B3530
1D2420
0E1210
000000
FFFFFF
F6F9F7
EDF3F0
E5ECE8
DCE6E1
D3E0D9
CADAD1
C1D4CA
B9CDC2
B0C7BB
A7C1B3
96AEA1
869A8F
75877D
64746B
54615A
434D48
323A36
212724
111312
000000
FFFFFF
F8FAF9
F2F6F4
EBF1EE
E5EDE8
DEE8E3
D7E3DD
D1DFD7
CADAD1
C4D6CC
BDD1C6
AABCB2
97A79E
84928B
717D77
5F6963
4C544F
393F3B
262A28
131514
000000
FFFFFF
FBFCFB
F6F9F7
F2F6F4
EDF3F0
E9F0EC
E5ECE8
E0E9E4
DCE6E1
D7E3DD
D3E0D9
BECAC3
A9B3AE
949D98
7F8682
6A706D
545A57
3F4341
2A2D2B
151616
000000
FFFFFF
FDFDFD
FBFCFB
F8FAF9
F6F9F7
F4F7F6
F2F5F4
F0F4F2
EDF2F0
EBF1EE
E9EFEC
D2D7D4
BABFBD
A3A7A5
8C8F8E
757876
5D605E
464847
2F302F
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