Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/3db898-50bfa2-63c6ac-77cdb6-8ad4c1-9edbcb-b1e2d5-c4e9e0-d8f0ea-ebf7f4-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 3DB898
RGB: 61,184,152
Hex: 50BFA2
RGB: 80,191,162
Hex: 63C6AC
RGB: 99,198,172
Hex: 77CDB6
RGB: 119,205,182
Hex: 8AD4C1
RGB: 138,212,193
Hex: 9EDBCB
RGB: 158,219,203
Hex: B1E2D5
RGB: 177,226,213
Hex: C4E9E0
RGB: 196,233,224
Hex: D8F0EA
RGB: 216,240,234
Hex: EBF7F4
RGB: 235,247,244
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
ECF8F5
D8F1EA
C5EAE0
B1E3D6
9EDCCC
8BD4C1
77CDB7
64C6AD
50BFA2
3DB898
37A689
31937A
2B816A
256E5B
1F5C4C
184A3D
12372E
0C251E
06120F
000000
FFFFFF
EEF9F6
DCF2EC
CBECE3
B9E5DA
A8DFD1
96D9C7
85D2BE
73CCB5
62C5AB
50BFA2
48AC92
409982
388671
307361
286051
204C41
183931
102620
081310
000000
FFFFFF
EFF9F7
E0F4EE
D0EEE6
C1E8DE
B1E3D6
A1DDCD
92D7C5
82D1BD
73CCB4
63C6AC
59B29B
4F9E8A
458B78
3B7767
326356
284F45
1E3B34
142822
0A1411
000000
FFFFFF
F1FAF8
E4F5F0
D6F0E9
C9EBE2
BBE6DB
ADE1D3
A0DCCC
92D7C5
85D2BD
77CDB6
6BB9A4
5FA492
53907F
477B6D
3C675B
305249
243D37
182924
0C1412
000000
FFFFFF
F3FBF9
E8F6F3
DCF2EC
D0EEE6
C5EAE0
B9E5DA
ADE1D4
A1DDCD
96D8C7
8AD4C1
7CBFAE
6EAA9A
619487
537F74
456A61
37554D
29403A
1C2A27
0E1513
000000
FFFFFF
F5FBFA
ECF8F5
E2F4EF
D8F1EA
CFEDE5
C5E9E0
BBE6DB
B1E2D5
A8DFD0
9EDBCB
8EC5B7
7EAFA2
6F998E
5F837A
4F6E66
3F5851
2F423D
202C29
101614
000000
FFFFFF
F7FCFB
EFF9F7
E8F6F2
E0F3EE
D8F1EA
D0EEE6
C8EBE2
C1E8DD
B9E5D9
B1E2D5
9FCBC0
8EB5AA
7C9E95
6A8880
59716B
475A55
354440
232D2B
121715
000000
FFFFFF
F9FDFC
F3FBF9
EDF8F6
E7F6F3
E2F4F0
DCF2EC
D6F0E9
D0EDE6
CAEBE3
C4E9E0
B0D2CA
9DBAB3
89A39D
768C86
627570
4E5D5A
3B4643
272F2D
141716
000000
FFFFFF
FBFEFD
F7FCFB
F3FBF9
EFF9F7
ECF8F5
E8F6F2
E4F5F0
E0F3EE
DCF2EC
D8F0EA
C2D8D3
ADC0BB
97A8A4
82908C
6C7875
56605E
414846
2B302F
161817
000000
FFFFFF
FDFEFE
FBFDFD
F9FDFC
F7FCFB
F5FBFA
F3FAF8
F1F9F7
EFF9F6
EDF8F5
EBF7F4
D4DEDC
BCC6C3
A5ADAB
8D9492
767C7A
5E6362
464A49
2F3131
171918
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