Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/9fefd1-a8f0d5-b2f2da-bbf3de-c5f5e3-cff7e8-d8f8ec-e2faf1-ebfbf5-f5fdfa-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 9FEFD1
RGB: 159,239,209
Hex: A8F0D5
RGB: 168,240,213
Hex: B2F2DA
RGB: 178,242,218
Hex: BBF3DE
RGB: 187,243,222
Hex: C5F5E3
RGB: 197,245,227
Hex: CFF7E8
RGB: 207,247,232
Hex: D8F8EC
RGB: 216,248,236
Hex: E2FAF1
RGB: 226,250,241
Hex: EBFBF5
RGB: 235,251,245
Hex: F5FDFA
RGB: 245,253,250
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
F5FDFA
ECFCF6
E2FAF1
D9F9ED
CFF7E8
C5F5E3
BCF4DF
B2F2DA
A9F1D6
9FEFD1
8FD7BC
7FBFA7
6FA792
5F8F7D
507869
406054
30483F
20302A
101815
000000
FFFFFF
F6FEFB
EEFCF7
E5FBF2
DCF9EE
D4F8EA
CBF6E6
C2F5E2
B9F3DD
B1F2D9
A8F0D5
97D8C0
86C0AA
76A895
659080
54786B
436055
324840
22302B
111815
000000
FFFFFF
F7FEFB
F0FCF8
E8FBF4
E0FAF0
D9F9ED
D1F7E9
C9F6E5
C1F5E1
BAF3DE
B2F2DA
A0DAC4
8EC2AE
7DA999
6B9183
59796D
476157
354941
24302C
121816
000000
FFFFFF
F8FEFC
F1FDF8
EBFBF5
E4FAF2
DDF9EF
D6F8EB
CFF7E8
C9F5E5
C2F4E1
BBF3DE
A8DBC8
96C2B2
83AA9B
709285
5E7A6F
4B6159
384943
25312C
131816
000000
FFFFFF
F9FEFC
F3FDF9
EEFCF7
E8FBF4
E2FAF1
DCF9EE
D6F8EB
D1F7E9
CBF6E6
C5F5E3
B1DDCC
9EC4B6
8AAC9F
769388
637B72
4F625B
3B4944
27312D
141817
000000
FFFFFF
FAFEFD
F5FDFA
F1FDF8
ECFCF6
E7FBF4
E2FAF1
DDF9EF
D9F9ED
D4F8EA
CFF7E8
BADED1
A6C6BA
91ADA2
7C948B
687C74
53635D
3E4A46
29312E
151917
000000
FFFFFF
FBFEFD
F7FEFB
F3FDF9
EFFCF7
ECFCF6
E8FBF4
E4FAF2
E0F9F0
DCF9EE
D8F8EC
C2DFD4
ADC6BD
97AEA5
82958E
6C7C76
56635E
414A47
2B322F
161918
000000
FFFFFF
FCFFFE
F9FEFC
F6FEFB
F3FDF9
F1FDF8
EEFCF7
EBFCF5
E8FBF4
E5FBF2
E2FAF1
CBE1D9
B5C8C1
9EAFA9
889691
717D79
5A6460
444B48
2D3230
171918
000000
FFFFFF
FDFFFE
FBFEFD
F9FEFC
F7FDFB
F5FDFA
F3FDF9
F1FCF8
EFFCF7
EDFBF6
EBFBF5
D4E2DD
BCC9C4
A5B0AC
8D9793
767E7B
5E6462
464B49
2F3231
171918
000000
FFFFFF
FEFFFF
FDFFFE
FCFEFE
FBFEFD
FAFEFD
F9FEFC
F8FEFC
F7FDFB
F6FDFB
F5FDFA
DDE4E1
C4CAC8
ACB1AF
939896
7B7F7D
626564
494C4B
313332
181919
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