Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/b1f199-b8f2a3-c0f3ad-c8f5b7-d0f6c1-d8f8cc-dff9d6-e7fae0-effcea-f7fdf4-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: B1F199
RGB: 177,241,153
Hex: B8F2A3
RGB: 184,242,163
Hex: C0F3AD
RGB: 192,243,173
Hex: C8F5B7
RGB: 200,245,183
Hex: D0F6C1
RGB: 208,246,193
Hex: D8F8CC
RGB: 216,248,204
Hex: DFF9D6
RGB: 223,249,214
Hex: E7FAE0
RGB: 231,250,224
Hex: EFFCEA
RGB: 239,252,234
Hex: F7FDF4
RGB: 247,253,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
F7FEF5
EFFCEB
E8FBE0
E0F9D6
D8F8CC
D0F7C2
C8F5B8
C1F4AD
B9F2A3
B1F199
9FD98A
8EC17A
7CA96B
6A915C
59794D
47603D
35482E
23301F
12180F
000000
FFFFFF
F8FEF6
F1FCED
EAFBE3
E3FADA
DCF9D1
D4F7C8
CDF6BF
C6F5B5
BFF3AC
B8F2A3
A6DA93
93C282
81A972
6E9162
5C7952
4A6141
374931
253021
121810
000000
FFFFFF
F9FEF7
F2FDEF
ECFBE6
E6FADE
E0F9D6
D9F8CE
D3F7C6
CDF5BD
C6F4B5
C0F3AD
ADDB9C
9AC28A
86AA79
739268
607A57
4D6145
3A4934
263123
131811
000000
FFFFFF
FAFEF8
F4FDF1
EFFCE9
E9FBE2
E4FADB
DEF9D4
D9F8CD
D3F7C5
CEF6BE
C8F5B7
B4DDA5
A0C492
8CAC80
78936E
647B5C
506249
3C4937
283125
141812
000000
FFFFFF
FAFEF9
F6FDF3
F1FCEC
ECFBE6
E8FBE0
E3FADA
DEF9D4
D9F8CD
D5F7C7
D0F6C1
BBDDAE
A6C59A
92AC87
7D9474
687B61
53624D
3E4A3A
2A3127
151913
000000
FFFFFF
FBFEFA
F7FEF5
F3FDF0
EFFCEB
ECFCE6
E8FBE0
E4FADB
E0F9D6
DCF9D1
D8F8CC
C2DFB8
ADC6A3
97AE8F
82957A
6C7C66
566352
414A3D
2B3229
161914
000000
FFFFFF
FCFEFB
F9FEF7
F5FDF3
F2FDEF
EFFCEB
ECFBE6
E9FBE2
E5FADE
E2FADA
DFF9D6
C9E0C1
B2C7AB
9CAE96
869580
707D6B
596456
434B40
2D322B
161915
000000
FFFFFF
FDFFFC
FAFEF9
F8FEF6
F5FDF3
F3FDF0
F1FCEC
EEFCE9
ECFBE6
E9FBE3
E7FAE0
D0E1CA
B9C8B3
A2AF9D
8B9686
747D70
5C645A
454B43
2E322D
171916
000000
FFFFFF
FDFFFD
FCFEFB
FAFEF9
F9FEF7
F7FEF5
F5FDF2
F4FDF0
F2FDEE
F1FCEC
EFFCEA
D7E3D3
BFCABB
A7B0A4
8F978C
787E75
60655E
484C46
30322F
181917
000000
FFFFFF
FEFFFE
FDFFFD
FDFEFC
FCFEFB
FBFEFA
FAFEF8
F9FEF7
F9FDF6
F8FDF5
F7FDF4
DEE4DC
C6CAC3
ADB1AB
949892
7C7F7A
636562
4A4C49
313331
191918
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