Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/33957e-479f8a-5baa97-70b4a4-84bfb1-99cabe-add4cb-c1dfd8-d6e9e5-eaf4f2-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 33957E
RGB: 51,149,126
Hex: 479F8A
RGB: 71,159,138
Hex: 5BAA97
RGB: 91,170,151
Hex: 70B4A4
RGB: 112,180,164
Hex: 84BFB1
RGB: 132,191,177
Hex: 99CABE
RGB: 153,202,190
Hex: ADD4CB
RGB: 173,212,203
Hex: C1DFD8
RGB: 193,223,216
Hex: D6E9E5
RGB: 214,233,229
Hex: EAF4F2
RGB: 234,244,242
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
EBF4F2
D6EAE5
C2DFD8
ADD5CB
99CABF
85BFB2
70B5A5
5CAA98
47A08B
33957E
2E8671
297765
246858
1F594C
1A4B3F
143C32
0F2D26
0A1E19
050F0D
000000
FFFFFF
EDF5F3
DAECE8
C8E2DC
B5D9D0
A3CFC5
91C5B9
7EBCAD
6CB2A1
59A996
479F8A
408F7C
397F6E
326F61
2B5F53
245045
1C4037
153029
0E201C
07100E
000000
FFFFFF
EFF7F5
DEEEEA
CEE6E0
BDDDD5
ADD5CB
9DCCC1
8CC4B6
7CBBAC
6BB3A1
5BAA97
529988
498879
40776A
37665B
2E554C
24443C
1B332D
12221E
09110F
000000
FFFFFF
F1F8F6
E2F0ED
D4E9E4
C6E1DB
B8DAD2
A9D2C8
9BCBBF
8DC3B6
7EBCAD
70B4A4
65A294
5A9083
4E7E73
436C62
385A52
2D4842
223631
162421
0B1210
000000
FFFFFF
F3F9F7
E6F2EF
DAECE8
CEE5E0
C2DFD8
B5D9D0
A9D2C8
9DCCC1
90C5B9
84BFB1
77AC9F
6A998E
5C867C
4F736A
426059
354C47
283935
1A2623
0D1312
000000
FFFFFF
F5FAF9
EBF4F2
E0EFEC
D6EAE5
CCE5DF
C2DFD8
B8DAD2
ADD5CB
A3CFC5
99CABE
8AB6AB
7AA298
6B8D85
5C7972
4D655F
3D514C
2E3D39
1F2826
0F1413
000000
FFFFFF
F7FBFA
EFF6F5
E6F2EF
DEEEEA
D6EAE5
CEE5E0
C6E1DB
BDDDD5
B5D8D0
ADD4CB
9CBFB7
8AAAA2
79948E
687F7A
576A66
455551
34403D
232A29
111514
000000
FFFFFF
F9FCFB
F3F9F7
ECF5F3
E6F2EF
E0EFEC
DAECE8
D4E9E4
CDE5E0
C7E2DC
C1DFD8
AEC9C2
9AB2AD
879C97
748682
61706C
4D5956
3A4341
272D2B
131616
000000
FFFFFF
FBFDFC
F7FBFA
F3F8F7
EFF6F5
EBF4F2
E6F2EF
E2F0ED
DEEDEA
DAEBE8
D6E9E5
C1D2CE
ABBAB7
96A3A0
808C89
6B7573
565D5C
404645
2B2F2E
151717
000000
FFFFFF
FDFEFE
FBFDFC
F9FCFB
F7FBFA
F5FAF9
F2F8F7
F0F7F6
EEF6F5
ECF5F3
EAF4F2
D3DCDA
BBC3C2
A4ABA9
8C9291
757A79
5E6261
464949
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