Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/304036-44534a-59665e-6e7972-828c86-979f9a-acb2ae-c0c5c2-d5d8d6-eaebea-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 304036
RGB: 48,64,54
Hex: 44534A
RGB: 68,83,74
Hex: 59665E
RGB: 89,102,94
Hex: 6E7972
RGB: 110,121,114
Hex: 828C86
RGB: 130,140,134
Hex: 979F9A
RGB: 151,159,154
Hex: ACB2AE
RGB: 172,178,174
Hex: C0C5C2
RGB: 192,197,194
Hex: D5D8D6
RGB: 213,216,214
Hex: EAEBEA
RGB: 234,235,234
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
EAECEB
D6D9D7
C1C6C3
ACB3AF
98A09B
838C86
6E7972
59665E
45534A
304036
2B3A31
26332B
222D26
1D2620
18201B
131A16
0E1310
0A0D0B
050605
000000
FFFFFF
ECEEED
DADDDB
C7CBC9
B4BAB7
A2A9A5
8F9892
7C8780
69756E
57645C
44534A
3D4B43
36423B
303A34
29322C
222A25
1B211E
141916
0E110F
070807
000000
FFFFFF
EEF0EF
DEE0DF
CDD1CF
BDC2BF
ACB3AF
9BA39E
8B948E
7A857E
6A756E
59665E
505C55
47524B
3E4742
353D38
2D332F
242926
1B1F1C
121413
090A09
000000
FFFFFF
F1F2F1
E2E4E3
D4D7D5
C5C9C7
B7BCB9
A8AFAA
9AA19C
8B948E
7D8680
6E7972
636D67
58615B
4D5550
424944
373D39
2C302E
212422
161817
0B0C0B
000000
FFFFFF
F3F4F3
E6E8E7
DADDDB
CDD1CF
C1C6C3
B4BAB6
A8AFAA
9BA39E
8F9892
828C86
757E79
68706B
5B625E
4E5450
414643
343836
272A28
1A1C1B
0D0E0D
000000
FFFFFF
F5F5F5
EAECEB
E0E2E1
D5D9D7
CBCFCD
C1C5C2
B6BCB8
ACB2AE
A1A9A4
979F9A
888F8B
797F7B
6A6F6C
5B5F5C
4C504D
3C403E
2D302E
1E201F
0F100F
000000
FFFFFF
F7F7F7
EEF0EF
E6E8E7
DEE0DF
D6D9D7
CDD1CE
C5C9C6
BDC1BE
B4BAB6
ACB2AE
9BA09D
8A8E8B
787D7A
676B68
565957
454746
343534
222423
111211
000000
FFFFFF
F9F9F9
F2F3F3
ECEEED
E6E8E7
E0E2E1
D9DCDA
D3D6D4
CDD1CE
C6CBC8
C0C5C2
ADB1AF
9A9E9B
868A88
737674
606361
4D4F4E
3A3B3A
262727
131413
000000
FFFFFF
FBFBFB
F7F7F7
F2F3F3
EEEFEF
EAECEB
E6E8E6
E2E4E2
DDE0DE
D9DCDA
D5D8D6
C0C2C1
AAADAB
959796
808280
6B6C6B
555656
404140
2B2B2B
151615
000000
FFFFFF
FDFDFD
FBFBFB
F9F9F9
F7F7F7
F5F5F5
F2F3F2
F0F1F0
EEEFEE
ECEDEC
EAEBEA
D3D4D3
BBBCBB
A4A5A4
8C8D8C
757675
5E5E5E
464646
2F2F2F
171717
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