Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/30896d-44947b-59a08a-6eac98-82b8a7-97c4b6-accfc4-c0dbd3-d5e7e1-eaf3f0-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 30896D
RGB: 48,137,109
Hex: 44947B
RGB: 68,148,123
Hex: 59A08A
RGB: 89,160,138
Hex: 6EAC98
RGB: 110,172,152
Hex: 82B8A7
RGB: 130,184,167
Hex: 97C4B6
RGB: 151,196,182
Hex: ACCFC4
RGB: 172,207,196
Hex: C0DBD3
RGB: 192,219,211
Hex: D5E7E1
RGB: 213,231,225
Hex: EAF3F0
RGB: 234,243,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
EAF3F0
D6E7E2
C1DCD3
ACD0C5
98C4B6
83B8A7
6EAC99
59A18A
45957C
30896D
2B7B62
266E57
22604C
1D5241
184537
13372C
0E2921
0A1B16
050E0B
000000
FFFFFF
ECF4F2
DAEAE5
C7DFD7
B4D4CA
A2CABD
8FBFB0
7CB4A3
69A995
579F88
44947B
3D856F
367662
306856
29594A
224A3E
1B3B31
142C25
0E1E19
070F0C
000000
FFFFFF
EEF6F3
DEECE8
CDE3DC
BDD9D0
ACD0C5
9BC6B9
8BBDAD
7AB3A1
6AAA96
59A08A
50907C
47806E
3E7061
356053
2D5045
244037
1B3029
12201C
09100E
000000
FFFFFF
F1F7F5
E2EEEA
D4E6E0
C5DED6
B7D6CC
A8CDC1
9AC5B7
8BBDAD
7DB4A2
6EAC98
639B89
588A7A
4D786A
42675B
37564C
2C453D
21342E
16221E
0B110F
000000
FFFFFF
F3F8F6
E6F1ED
DAEAE5
CDE3DC
C1DCD3
B4D4CA
A8CDC1
9BC6B9
8FBFB0
82B8A7
75A696
689386
5B8175
4E6E64
415C54
344A43
273732
1A2521
0D1211
000000
FFFFFF
F5F9F8
EAF3F0
E0EDE9
D5E7E2
CBE2DB
C1DCD3
B6D6CC
ACD0C5
A1CABD
97C4B6
88B0A4
799D92
6A897F
5B766D
4C625B
3C4E49
2D3B37
1E2724
0F1412
000000
FFFFFF
F7FAF9
EEF5F3
E6F1ED
DEECE7
D6E7E2
CDE2DC
C5DDD6
BDD9D0
B4D4CA
ACCFC4
9BBAB0
8AA69D
789189
677C76
566862
45534E
343E3B
222927
111514
000000
FFFFFF
F9FBFB
F2F8F6
ECF4F2
E6F1ED
E0EDE9
D9E9E5
D3E6E0
CDE2DC
C6DFD7
C0DBD3
ADC5BE
9AAFA9
869994
73837F
606E6A
4D5854
3A423F
262C2A
131615
000000
FFFFFF
FBFDFC
F7FAF9
F2F8F6
EEF5F3
EAF3F0
E6F1ED
E2EEEA
DDECE7
D9E9E4
D5E7E1
C0D0CB
AAB9B4
95A29E
808B87
6B7471
555C5A
404543
2B2E2D
151716
000000
FFFFFF
FDFEFE
FBFDFC
F9FBFB
F7FAF9
F5F9F8
F2F8F6
F0F7F5
EEF5F3
ECF4F2
EAF3F0
D3DBD8
BBC2C0
A4AAA8
8C9290
757A78
5E6160
464948
2F3130
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