Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/f5fae3-dce1cc-c4c8b5-abaf9e-939688-7a7d71-62645a-494b44-31322d-181916-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: F5FAE3
RGB: 245,250,227
Hex: DCE1CC
RGB: 220,225,204
Hex: C4C8B5
RGB: 196,200,181
Hex: ABAF9E
RGB: 171,175,158
Hex: 939688
RGB: 147,150,136
Hex: 7A7D71
RGB: 122,125,113
Hex: 62645A
RGB: 98,100,90
Hex: 494B44
RGB: 73,75,68
Hex: 31322D
RGB: 49,50,45
Hex: 181916
RGB: 24,25,22
Hex: 000000
RGB: 0,0,0
-100%
-90%
-80%
-70%
-60%
-50%
-40%
-30%
-20%
-10%
Original
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
FFFFFF
FEFFFC
FDFEF9
FCFEF7
FBFDF4
FAFDF1
F9FCEE
F8FCEB
F7FBE9
F6FBE6
F5FAE3
DDE1CC
C4C8B6
ACAF9F
939688
7B7D72
62645B
494B44
31322D
181917
000000
FFFFFF
FCFCFA
F8F9F5
F5F6F0
F1F3EB
EEF0E6
EAEDE0
E7EADB
E3E7D6
E0E4D1
DCE1CC
C6CBB8
B0B4A3
9A9E8F
84877A
6E7166
585A52
42433D
2C2D29
161614
000000
FFFFFF
F9FAF8
F3F4F0
EDEFE9
E7E9E1
E2E4DA
DCDED3
D6D9CB
D0D3C4
CACEBC
C4C8B5
B0B4A3
9DA091
898C7F
76786D
62645B
4E5048
3B3C36
272824
141412
000000
FFFFFF
F7F7F5
EEEFEC
E6E7E2
DDDFD8
D5D7CF
CDCFC5
C4C7BB
BCBFB1
B3B7A8
ABAF9E
9A9E8E
898C7E
787A6F
67695F
56584F
44463F
33342F
222320
111110
000000
FFFFFF
F4F5F3
E9EAE7
DFE0DB
D4D5CF
C9CBC4
BEC0B8
B3B6AC
A9ABA0
9EA194
939688
84877A
76786D
67695F
585A52
4A4B44
3B3C36
2C2D29
1D1E1B
0F0F0E
000000
FFFFFF
F2F2F1
E4E5E3
D7D8D4
CACBC6
BDBEB8
AFB1AA
A2A49C
95978D
878A7F
7A7D71
6E7166
62645A
55584F
494B44
3D3F39
31322D
252522
181917
0C0C0B
000000
FFFFFF
EFF0EF
E0E0DE
D0D1CE
C0C1BD
B1B2AD
A1A29C
91938C
81837B
72746B
62645A
585A51
4E5048
45463F
3B3C36
31322D
272824
1D1E1B
141412
0A0A09
000000
FFFFFF
EDEDEC
DBDBDA
C8C9C7
B6B7B4
A4A5A2
92938F
80817C
6D6F69
5B5D57
494B44
42443D
3A3C36
333530
2C2D29
252622
1D1E1B
161614
0F0F0E
070707
000000
FFFFFF
EAEBEA
D6D6D5
C1C2C0
ADADAB
989996
838481
6F706C
5A5B57
464742
31322D
2C2D29
272824
22231F
1D1E1B
191917
141412
0F0F0D
0A0A09
050504
000000
FFFFFF
E8E8E8
D1D1D0
BABAB9
A3A3A2
8C8C8B
747573
5D5E5C
464745
2F302D
181916
161714
131412
11120F
0E0F0D
0C0D0B
0A0A09
070707
050504
020202
000000
FFFFFF
E6E6E6
CCCCCC
B3B3B3
999999
808080
666666
4D4D4D
333333
1A1A1A
000000
000000
000000
000000
000000
000000
000000
000000
000000
000000
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