Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/9df0a3-a7f2ac-b1f3b5-baf4bf-c4f6c8-cef8d1-d8f9da-e2fae3-ebfced-f5fef6-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 9DF0A3
RGB: 157,240,163
Hex: A7F2AC
RGB: 167,242,172
Hex: B1F3B5
RGB: 177,243,181
Hex: BAF4BF
RGB: 186,244,191
Hex: C4F6C8
RGB: 196,246,200
Hex: CEF8D1
RGB: 206,248,209
Hex: D8F9DA
RGB: 216,249,218
Hex: E2FAE3
RGB: 226,250,227
Hex: EBFCED
RGB: 235,252,237
Hex: F5FEF6
RGB: 245,254,246
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
F5FEF6
EBFCED
E2FBE3
D8F9DA
CEF8D1
C4F6C8
BAF5BF
B1F3B5
A7F2AC
9DF0A3
8DD893
7EC082
6EA872
5E9062
4F7852
3F6041
2F4831
1F3021
101810
000000
FFFFFF
F6FEF7
EDFCEE
E5FBE6
DCFADE
D3F9D6
CAF7CD
C1F6C5
B9F5BD
B0F3B4
A7F2AC
96DA9B
86C28A
75A978
649167
547956
436145
324934
213022
111811
000000
FFFFFF
F7FEF8
EFFDF0
E8FBE9
E0FAE1
D8F9DA
D0F8D3
C8F7CB
C1F5C4
B9F4BC
B1F3B5
9FDBA3
8EC291
7CAA7F
6A926D
597A5B
476148
354936
233124
121812
000000
FFFFFF
F8FEF9
F1FDF2
EAFCEC
E3FBE5
DDFADF
D6F8D9
CFF7D2
C8F6CC
C1F5C5
BAF4BF
A7DCAC
95C399
82AB86
709273
5D7A60
4A624C
384939
253126
131813
000000
FFFFFF
F9FEFA
F3FDF4
EDFCEF
E7FBE9
E2FBE4
DCFADE
D6F9D9
D0F8D3
CAF7CE
C4F6C8
B0DDB4
9DC5A0
89AC8C
769478
627B64
4E6250
3B4A3C
273128
141914
000000
FFFFFF
FAFEFA
F5FEF6
F0FDF1
EBFCED
E7FCE8
E2FBE3
DDFADF
D8F9DA
D3F9D6
CEF8D1
B9DFBC
A5C6A7
90AE92
7C957D
677C69
526354
3E4A3F
29322A
151915
000000
FFFFFF
FBFEFB
F7FEF8
F3FDF4
EFFDF0
ECFCED
E8FBE9
E4FBE5
E0FAE1
DCFADE
D8F9DA
C2E0C4
ADC7AE
97AE99
829583
6C7D6D
566457
414B41
2B322C
161916
000000
FFFFFF
FCFFFC
F9FEF9
F6FEF7
F3FDF4
F1FDF1
EEFCEE
EBFCEB
E8FBE9
E5FBE6
E2FAE3
CBE1CC
B5C8B6
9EAF9F
889688
717D72
5A645B
444B44
2D322D
171917
000000
FFFFFF
FDFFFD
FBFEFB
F9FEFA
F7FEF8
F5FEF6
F3FDF4
F1FDF2
EFFDF1
EDFCEF
EBFCED
D4E3D5
BCCABE
A5B0A6
8D978E
767E77
5E655F
464C47
2F322F
171918
000000
FFFFFF
FEFFFE
FDFFFD
FCFFFC
FBFFFB
FAFFFB
F9FEFA
F8FEF9
F7FEF8
F6FEF7
F5FEF6
DDE5DD
C4CBC5
ACB2AC
939894
7B7F7B
626662
494C4A
313331
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