Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/306041-446f54-597f67-6e8f7a-829f8d-97afa0-acbfb3-c0cfc6-d5dfd9-eaefec-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 306041
RGB: 48,96,65
Hex: 446F54
RGB: 68,111,84
Hex: 597F67
RGB: 89,127,103
Hex: 6E8F7A
RGB: 110,143,122
Hex: 829F8D
RGB: 130,159,141
Hex: 97AFA0
RGB: 151,175,160
Hex: ACBFB3
RGB: 172,191,179
Hex: C0CFC6
RGB: 192,207,198
Hex: D5DFD9
RGB: 213,223,217
Hex: EAEFEC
RGB: 234,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
EAEFEC
D6DFD9
C1CFC6
ACBFB3
98B0A0
83A08D
6E907A
598067
457054
306041
2B563B
264D34
22432E
1D3A27
183021
13261A
0E1D13
0A130D
050A06
000000
FFFFFF
ECF1EE
DAE2DD
C7D4CC
B4C5BB
A2B7AA
8FA998
7C9A87
698C76
577D65
446F54
3D644C
365943
304E3B
294332
22382A
1B2C22
142119
0E1611
070B08
000000
FFFFFF
EEF2F0
DEE5E1
CDD9D1
BDCCC2
ACBFB3
9BB2A4
8BA595
7A9985
6A8C76
597F67
50725D
476652
3E5948
354C3E
2D4034
243329
1B261F
121915
090D0A
000000
FFFFFF
F1F4F2
E2E9E4
D4DDD7
C5D2CA
B7C7BD
A8BCAF
9AB1A2
8BA595
7D9A87
6E8F7A
63816E
587262
4D6455
425649
37483D
2C3931
212B25
161D18
0B0E0C
000000
FFFFFF
F3F5F4
E6ECE8
DAE2DD
CDD9D1
C1CFC6
B4C5BB
A8BCAF
9BB2A4
8FA998
829F8D
758F7F
687F71
5B6F63
4E5F55
415047
344038
27302A
1A201C
0D100E
000000
FFFFFF
F5F7F6
EAEFEC
E0E7E3
D5DFD9
CBD7D0
C1CFC6
B6C7BD
ACBFB3
A1B7AA
97AFA0
889E90
798C80
6A7A70
5B6960
4C5850
3C4640
2D3430
1E2320
0F1110
000000
FFFFFF
F7F9F7
EEF2F0
E6ECE8
DEE5E1
D6DFD9
CDD9D1
C5D2CA
BDCCC2
B4C5BB
ACBFB3
9BACA1
8A998F
78867D
67736B
56605A
454C48
343936
222624
111312
000000
FFFFFF
F9FAF9
F2F5F4
ECF1EE
E6ECE8
E0E7E3
D9E2DD
D3DDD7
CDD9D1
C6D4CC
C0CFC6
ADBAB2
9AA69E
86918B
737C77
606863
4D534F
3A3E3B
262928
131514
000000
FFFFFF
FBFCFB
F7F9F7
F2F5F4
EEF2F0
EAEFEC
E6ECE8
E2E9E4
DDE5E1
D9E2DD
D5DFD9
C0C9C3
AAB2AE
959C98
808682
6B706D
555957
404341
2B2D2B
151616
000000
FFFFFF
FDFDFD
FBFCFB
F9FAF9
F7F9F7
F5F7F6
F2F5F4
F0F4F2
EEF2F0
ECF1EE
EAEFEC
D3D7D4
BBBFBD
A4A7A5
8C8F8E
757876
5E605E
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