Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/ffd31a-e5bd17-cca814-b29312-997e0f-7f690d-66540a-4c3f07-332a05-191502-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: FFD31A
RGB: 255,211,26
Hex: E5BD17
RGB: 229,189,23
Hex: CCA814
RGB: 204,168,20
Hex: B29312
RGB: 178,147,18
Hex: 997E0F
RGB: 153,126,15
Hex: 7F690D
RGB: 127,105,13
Hex: 66540A
RGB: 102,84,10
Hex: 4C3F07
RGB: 76,63,7
Hex: 332A05
RGB: 51,42,5
Hex: 191502
RGB: 25,21,2
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
FFFBE8
FFF6D1
FFF2BA
FFEDA3
FFE98D
FFE576
FFE05F
FFDC48
FFD731
FFD31A
E6BE17
CCA915
B39412
997F10
806A0D
66540A
4C3F08
332A05
191503
000000
FFFFFF
FCF8E8
FAF2D1
F7EBB9
F5E5A2
F2DE8B
EFD774
EDD15D
EACA45
E8C42E
E5BD17
CEAA15
B79712
A08410
89710E
735F0C
5C4C09
453907
2E2605
171302
000000
FFFFFF
FAF6E8
F5EED0
F0E5B9
EBDCA1
E6D48A
E0CB72
DBC25B
D6B943
D1B12C
CCA814
B89712
A38610
8F760E
7A650C
66540A
524308
3D3206
292204
141102
000000
FFFFFF
F7F4E7
F0E9D0
E8DFB8
E0D4A0
D9C989
D1BE71
C9B359
C1A941
BA9E2A
B29312
A08410
8E760E
7D670D
6B580B
594A09
473B07
352C05
241D04
120F02
000000
FFFFFF
F5F2E7
EBE5CF
E0D8B7
D6CB9F
CCBF87
C2B26F
B8A557
AD983F
A38B27
997E0F
8A710E
7A650C
6B580B
5C4C09
4D3F08
3D3206
2E2604
1F1903
0F0D01
000000
FFFFFF
F2F0E7
E5E1CF
D9D2B6
CCC39E
BFB486
B2A56E
A59656
99873D
8C7825
7F690D
725F0C
66540A
594A09
4C3F08
403507
332A05
261F04
191503
0D0A01
000000
FFFFFF
F0EEE7
E0DDCE
D1CCB6
C2BB9D
B3AA85
A3986C
948754
85763B
756523
66540A
5C4C09
524308
473B07
3D3206
332A05
292204
1F1903
141102
0A0801
000000
FFFFFF
EDECE6
DBD9CD
C9C5B5
B7B29C
A69F83
948C6A
827951
706539
5E5220
4C3F07
443906
3D3206
352C05
2E2604
262004
1E1903
171302
0F0D01
080601
000000
FFFFFF
EBEAE6
D6D4CD
C2BFB4
ADAA9B
999582
857F69
706A50
5C5537
473F1E
332A05
2E2605
292204
241D04
1F1903
1A1503
141102
0F0D01
0A0801
050400
000000
FFFFFF
E8E8E6
D1D0CC
BAB9B3
A3A19A
8C8A81
757367
5E5B4E
474435
302C1B
191502
171302
141102
120F01
0F0D01
0D0B01
0A0801
070601
050400
020200
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