Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/f7786b-de6c60-c56055-ac544a-944840-7b3c35-62302a-4a2420-311815-180c0a-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: F7786B
RGB: 247,120,107
Hex: DE6C60
RGB: 222,108,96
Hex: C56055
RGB: 197,96,85
Hex: AC544A
RGB: 172,84,74
Hex: 944840
RGB: 148,72,64
Hex: 7B3C35
RGB: 123,60,53
Hex: 62302A
RGB: 98,48,42
Hex: 4A2420
RGB: 74,36,32
Hex: 311815
RGB: 49,24,21
Hex: 180C0A
RGB: 24,12,10
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
FEF2F0
FDE4E1
FDD7D3
FCC9C4
FBBCB5
FAAEA6
F9A197
F99389
F8867A
F7786B
DE6C60
C66056
AD544B
944840
7C3C36
63302B
4A2420
311815
190C0B
000000
FFFFFF
FCF0EF
F8E2DF
F5D3CF
F2C4BF
EFB6B0
EBA7A0
E89890
E58980
E17B70
DE6C60
C86156
B2564D
9B4C43
85413A
6F3630
592B26
43201D
2C1613
160B0A
000000
FFFFFF
F9EFEE
F3DFDD
EECFCC
E8BFBB
E2B0AA
DCA099
D69088
D18077
CB7066
C56055
B1564D
9E4D44
8A433B
763A33
63302B
4F2622
3B1D19
271311
140A08
000000
FFFFFF
F7EEED
EEDDDB
E6CCC9
DEBBB7
D6AAA5
CD9892
C58780
BD766E
B4655C
AC544A
9B4C43
8A433B
783B34
67322C
562A25
45221E
341916
22110F
110807
000000
FFFFFF
F4EDEC
EADAD9
DFC8C6
D4B6B3
CAA4A0
BF918C
B47F79
A96D66
9F5A53
944840
85413A
763A33
68322D
592B26
4A2420
3B1D1A
2C1613
1E0E0D
0F0706
000000
FFFFFF
F2ECEB
E5D8D7
D7C5C2
CAB1AE
BD9E9A
B08A86
A37772
95635D
885049
7B3C35
6F3630
62302A
562A25
4A2420
3E1E1B
311815
251210
190C0B
0C0605
000000
FFFFFF
EFEAEA
E0D6D4
D0C1BF
C0ACAA
B19895
A1837F
916E6A
815955
72453F
62302A
582B26
4E2622
45221D
3B1D19
311815
271311
1D0E0D
140A08
0A0504
000000
FFFFFF
EDE9E9
DBD3D2
C9BDBC
B7A7A6
A59290
927C79
806663
6E504D
5C3A36
4A2420
43201D
3B1D1A
341916
2C1613
251210
1E0E0D
160B0A
0F0706
070403
000000
FFFFFF
EAE8E8
D6D1D0
C1BAB9
ADA3A1
988C8A
837473
6F5D5B
5A4644
462F2C
311815
2C1613
271311
22110F
1D0E0D
190C0B
140A08
0F0706
0A0504
050202
000000
FFFFFF
E8E7E7
D1CECE
BAB6B6
A39E9D
8C8685
746D6C
5D5554
463D3B
2F2423
180C0A
160B09
130A08
110807
0E0706
0C0605
0A0504
070403
050202
020101
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