Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/305e47-446e59-597e6b-6e8e7e-829e90-97aea3-acbeb5-c0cec7-d5deda-eaeeec-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 305E47
RGB: 48,94,71
Hex: 446E59
RGB: 68,110,89
Hex: 597E6B
RGB: 89,126,107
Hex: 6E8E7E
RGB: 110,142,126
Hex: 829E90
RGB: 130,158,144
Hex: 97AEA3
RGB: 151,174,163
Hex: ACBEB5
RGB: 172,190,181
Hex: C0CEC7
RGB: 192,206,199
Hex: D5DEDA
RGB: 213,222,218
Hex: EAEEEC
RGB: 234,238,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
EAEFED
D6DFDA
C1CFC8
ACBFB5
98AFA3
839E91
6E8E7E
597E6C
456E59
305E47
2B5540
264B39
224232
1D382B
182F24
13261C
0E1C15
0A130E
050907
000000
FFFFFF
ECF1EE
DAE2DE
C7D4CD
B4C5BD
A2B7AC
8FA89B
7C9A8B
698B7A
577D6A
446E59
3D6350
365847
304D3E
294235
22372D
1B2C24
14211B
0E1612
070B09
000000
FFFFFF
EEF2F0
DEE5E1
CDD8D3
BDCBC4
ACBFB5
9BB2A6
8BA597
7A9889
6A8B7A
597E6B
507160
476556
3E584B
354C40
2D3F36
24322B
1B2620
121915
090D0B
000000
FFFFFF
F1F4F2
E2E8E5
D4DDD8
C5D2CB
B7C7BF
A8BBB2
9AB0A5
8BA598
7D998B
6E8E7E
638071
587265
4D6358
42554C
37473F
2C3932
212B26
161C19
0B0E0D
000000
FFFFFF
F3F5F4
E6ECE9
DAE2DE
CDD8D3
C1CFC8
B4C5BC
A8BBB1
9BB1A6
8FA89B
829E90
758E82
687E73
5B6F65
4E5F56
414F48
343F3A
272F2B
1A201D
0D100E
000000
FFFFFF
F5F7F6
EAEFED
E0E7E3
D5DFDA
CBD7D1
C1CEC8
B6C6BF
ACBEB5
A1B6AC
97AEA3
889D93
798B82
6A7A72
5B6862
4C5752
3C4641
2D3431
1E2321
0F1110
000000
FFFFFF
F7F9F8
EEF2F0
E6ECE9
DEE5E1
D6DFDA
CDD8D3
C5D2CB
BDCBC4
B4C5BC
ACBEB5
9BABA3
8A9891
78857F
67726D
565F5B
454C48
343936
222624
111312
000000
FFFFFF
F9FAF9
F2F5F4
ECF0EE
E6EBE9
E0E7E3
D9E2DD
D3DDD8
CDD8D2
C6D3CD
C0CEC7
ADB9B3
9AA59F
86908B
737C77
606764
4D5250
3A3E3C
262928
131514
000000
FFFFFF
FBFCFB
F7F8F8
F2F5F4
EEF2F0
EAEFED
E6EBE9
E2E8E5
DDE5E1
D9E1DE
D5DEDA
C0C8C4
AAB2AE
959B99
808583
6B6F6D
555957
404341
2B2C2C
151616
000000
FFFFFF
FDFDFD
FBFCFB
F9FAF9
F7F8F7
F5F7F6
F2F5F4
F0F3F2
EEF1F0
ECF0EE
EAEEEC
D3D6D4
BBBEBD
A4A7A5
8C8F8E
757776
5E5F5E
464747
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