Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/f20c00-f32419-f43c33-f5544c-f76d66-f8857f-f99d99-fbb6b2-fccecc-fde6e5-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: F20C00
RGB: 242,12,0
Hex: F32419
RGB: 243,36,25
Hex: F43C33
RGB: 244,60,51
Hex: F5544C
RGB: 245,84,76
Hex: F76D66
RGB: 247,109,102
Hex: F8857F
RGB: 248,133,127
Hex: F99D99
RGB: 249,157,153
Hex: FBB6B2
RGB: 251,182,178
Hex: FCCECC
RGB: 252,206,204
Hex: FDE6E5
RGB: 253,230,229
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
FEE7E6
FCCECC
FBB6B3
FA9E99
F98680
F76D66
F6554D
F53D33
F3241A
F20C00
DA0B00
C20A00
A90800
910700
790600
610500
490400
300200
180100
000000
FFFFFF
FEE9E8
FDD3D1
FBBDBA
FAA7A3
F9928C
F87C75
F7665E
F55047
F43A30
F32419
DB2017
C21D14
AA1912
92160F
7A120D
610E0A
490B07
310705
180402
000000
FFFFFF
FEECEB
FDD8D6
FCC5C2
FBB1AD
FA9E99
F88A85
F77770
F6635C
F55047
F43C33
DC362E
C33029
AB2A24
92241F
7A1E1A
621814
49120F
310C0A
180605
000000
FFFFFF
FEEEED
FDDDDB
FCCCC9
FBBBB7
FAAAA6
F99894
F88782
F77670
F6655E
F5544C
DD4C44
C4433D
AC3B35
93322E
7B2A26
62221E
491917
31110F
180808
000000
FFFFFF
FEF0F0
FDE2E0
FDD3D1
FCC5C2
FBB6B3
FAA7A3
F99994
F98A85
F87C75
F76D66
DE625C
C65752
AD4C47
94413D
7C3733
632C29
4A211F
311614
190B0A
000000
FFFFFF
FEF3F2
FEE7E5
FDDAD9
FCCECC
FCC2BF
FBB6B2
FAAAA5
F99D99
F9918C
F8857F
DF7872
C66A66
AE5D59
95504C
7C4340
633533
4A2826
321B19
190D0D
000000
FFFFFF
FEF5F5
FEEBEB
FDE2E0
FDD8D6
FCCECC
FBC4C2
FBBAB8
FAB1AD
FAA7A3
F99D99
E08D8A
C77E7A
AE6E6B
955E5C
7D4F4D
643F3D
4B2F2E
321F1F
19100F
000000
FFFFFF
FFF8F7
FEF0F0
FEE9E8
FDE2E0
FDDBD9
FDD3D1
FCCCC9
FCC5C1
FBBDBA
FBB6B2
E2A4A0
C9928E
B07F7D
976D6B
7E5B59
644947
4B3735
322424
191212
000000
FFFFFF
FFFAFA
FEF5F5
FEF0F0
FEEBEB
FEE7E6
FDE2E0
FDDDDB
FDD8D6
FCD3D1
FCCECC
E3B9B8
CAA5A3
B0908F
977C7A
7E6766
655252
4C3E3D
322929
191514
000000
FFFFFF
FFFDFC
FFFAFA
FEF8F7
FEF5F5
FEF3F2
FEF0EF
FEEEED
FDEBEA
FDE9E8
FDE6E5
E4CFCE
CAB8B7
B1A1A0
988A89
7F7373
655C5C
4C4545
332E2E
191717
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