Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/ff5f00-ff6f19-ff7f33-ff8f4c-ff9f66-ffaf7f-ffbf99-ffcfb2-ffdfcc-ffefe5-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: FF5F00
RGB: 255,95,0
Hex: FF6F19
RGB: 255,111,25
Hex: FF7F33
RGB: 255,127,51
Hex: FF8F4C
RGB: 255,143,76
Hex: FF9F66
RGB: 255,159,102
Hex: FFAF7F
RGB: 255,175,127
Hex: FFBF99
RGB: 255,191,153
Hex: FFCFB2
RGB: 255,207,178
Hex: FFDFCC
RGB: 255,223,204
Hex: FFEFE5
RGB: 255,239,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
FFEFE6
FFDFCC
FFCFB3
FFBF99
FFAF80
FF9F66
FF8F4D
FF7F33
FF6F1A
FF5F00
E65600
CC4C00
B34300
993900
803000
662600
4C1C00
331300
190900
000000
FFFFFF
FFF1E8
FFE2D1
FFD4BA
FFC5A3
FFB78C
FFA975
FF9A5E
FF8C47
FF7D30
FF6F19
E66417
CC5914
B34E12
99430F
80380D
662C0A
4C2107
331605
190B02
000000
FFFFFF
FFF2EB
FFE5D6
FFD9C2
FFCCAD
FFBF99
FFB285
FFA570
FF995C
FF8C47
FF7F33
E6722E
CC6629
B35924
994C1F
80401A
663314
4C260F
33190A
190D05
000000
FFFFFF
FFF4ED
FFE9DB
FFDDC9
FFD2B7
FFC7A6
FFBC94
FFB182
FFA570
FF9A5E
FF8F4C
E68144
CC723D
B36435
99562E
804826
66391E
4C2B17
331D0F
190E08
000000
FFFFFF
FFF5F0
FFECE0
FFE2D1
FFD9C2
FFCFB3
FFC5A3
FFBC94
FFB285
FFA975
FF9F66
E68F5C
CC7F52
B36F47
995F3D
805033
664029
4C301F
332014
19100A
000000
FFFFFF
FFF7F2
FFEFE5
FFE7D9
FFDFCC
FFD7BF
FFCFB2
FFC7A5
FFBF99
FFB78C
FFAF7F
E69E72
CC8C66
B37A59
99694C
805840
664633
4C3426
332319
19110D
000000
FFFFFF
FFF9F5
FFF2EB
FFECE0
FFE5D6
FFDFCC
FFD9C2
FFD2B8
FFCCAD
FFC5A3
FFBF99
E6AC8A
CC997A
B3866B
99735C
80604D
664C3D
4C392E
33261F
19130F
000000
FFFFFF
FFFAF7
FFF5F0
FFF1E8
FFECE0
FFE7D9
FFE2D1
FFDDC9
FFD9C1
FFD4BA
FFCFB2
E6BAA0
CCA68E
B3917D
997C6B
806859
665347
4C3E35
332924
191512
000000
FFFFFF
FFFCFA
FFF9F5
FFF5F0
FFF2EB
FFEFE6
FFECE0
FFE9DB
FFE5D6
FFE2D1
FFDFCC
E6C9B8
CCB2A3
B39C8F
99867A
807066
665952
4C433D
332D29
191614
000000
FFFFFF
FFFDFC
FFFCFA
FFFAF7
FFF9F5
FFF7F2
FFF5EF
FFF4ED
FFF2EA
FFF1E8
FFEFE5
E6D7CE
CCBFB7
B3A7A0
998F89
807873
66605C
4C4845
33302E
191817
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