Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/b1efa8-b8f0b0-c0f2b9-c8f3c2-d0f5ca-d8f7d3-dff8dc-e7fae4-effbed-f7fdf6-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: B1EFA8
RGB: 177,239,168
Hex: B8F0B0
RGB: 184,240,176
Hex: C0F2B9
RGB: 192,242,185
Hex: C8F3C2
RGB: 200,243,194
Hex: D0F5CA
RGB: 208,245,202
Hex: D8F7D3
RGB: 216,247,211
Hex: DFF8DC
RGB: 223,248,220
Hex: E7FAE4
RGB: 231,250,228
Hex: EFFBED
RGB: 239,251,237
Hex: F7FDF6
RGB: 247,253,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
F7FDF6
EFFCEE
E8FAE5
E0F9DC
D8F7D4
D0F5CB
C8F4C2
C1F2B9
B9F1B1
B1EFA8
9FD797
8EBF86
7CA776
6A8F65
597854
476043
354832
233022
121811
000000
FFFFFF
F8FEF7
F1FCEF
EAFBE7
E3F9DF
DCF8D8
D4F6D0
CDF5C8
C6F3C0
BFF2B8
B8F0B0
A6D89E
93C08D
81A87B
6E906A
5C7858
4A6046
374835
253023
121812
000000
FFFFFF
F9FEF8
F2FCF1
ECFBEA
E6FAE3
E0F9DC
D9F7D5
D3F6CE
CDF5C7
C6F3C0
C0F2B9
ADDAA7
9AC294
86A982
73916F
60795D
4D614A
3A4937
263025
131812
000000
FFFFFF
FAFEF9
F4FDF3
EFFBED
E9FAE7
E4F9E1
DEF8DA
D9F7D4
D3F5CE
CEF4C8
C8F3C2
B4DBAF
A0C29B
8CAA88
789274
647A61
50614E
3C493A
283127
141813
000000
FFFFFF
FAFEFA
F6FDF4
F1FCEF
ECFBEA
E8FAE5
E3F9DF
DEF8DA
D9F7D5
D5F6CF
D0F5CA
BBDDB6
A6C4A2
92AC8D
7D9379
687B65
536251
3E493D
2A3128
151814
000000
FFFFFF
FBFEFB
F7FDF6
F3FDF2
EFFCED
ECFBE9
E8FAE5
E4F9E0
E0F9DC
DCF8D7
D8F7D3
C2DEBE
ADC6A9
97AD94
82947F
6C7C6A
566354
414A3F
2B312A
161915
000000
FFFFFF
FCFEFC
F9FEF8
F5FDF5
F2FCF1
EFFCEE
ECFBEA
E9FAE7
E5F9E3
E2F9E0
DFF8DC
C9DFC6
B2C6B0
9CAE9A
869584
707C6E
596358
434A42
2D322C
161916
000000
FFFFFF
FDFFFC
FAFEFA
F8FEF7
F5FDF4
F3FDF2
F1FCEF
EEFCEC
ECFBE9
E9FBE7
E7FAE4
D0E1CD
B9C8B6
A2AFA0
8B9689
747D72
5C645B
454B44
2E322E
171917
000000
FFFFFF
FDFFFD
FCFEFB
FAFEFA
F9FDF8
F7FDF6
F5FDF4
F4FCF2
F2FCF1
F1FBEF
EFFBED
D7E2D5
BFC9BE
A7B0A6
8F978E
787E77
60645F
484B47
30322F
181918
000000
FFFFFF
FEFFFE
FDFFFD
FDFEFC
FCFEFB
FBFEFB
FAFEFA
F9FEF9
F9FDF8
F8FDF7
F7FDF6
DEE4DD
C6CAC5
ADB1AC
949894
7C7F7B
636562
4A4C4A
313331
191919
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