Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/af6d04-b77b1d-bf8a36-c7984f-cfa768-d7b681-dfc49a-e7d3b3-efe1cc-f7f0e5-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: AF6D04
RGB: 175,109,4
Hex: B77B1D
RGB: 183,123,29
Hex: BF8A36
RGB: 191,138,54
Hex: C7984F
RGB: 199,152,79
Hex: CFA768
RGB: 207,167,104
Hex: D7B681
RGB: 215,182,129
Hex: DFC49A
RGB: 223,196,154
Hex: E7D3B3
RGB: 231,211,179
Hex: EFE1CC
RGB: 239,225,204
Hex: F7F0E5
RGB: 247,240,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
F7F0E6
EFE2CD
E7D3B4
DFC59B
D7B682
CFA768
C7994F
BF8A36
B77C1D
AF6D04
9E6204
8C5703
7A4C03
694102
583702
462C02
342101
231601
110B00
000000
FFFFFF
F8F2E8
F1E5D2
E9D7BB
E2CAA5
DBBD8E
D4B077
CDA361
C5954A
BE8834
B77B1D
A56F1A
926217
805614
6E4A11
5C3E0F
49310C
372509
251906
120C03
000000
FFFFFF
F9F3EB
F2E8D7
ECDCC3
E5D0AF
DFC59B
D9B986
D2AD72
CCA15E
C5964A
BF8A36
AC7C31
996E2B
866126
735320
60451B
4C3716
392910
261C0B
130E05
000000
FFFFFF
F9F5ED
F4EADC
EEE0CA
E9D6B9
E3CCA7
DDC195
D8B784
D2AD72
CDA261
C7984F
B38947
9F7A3F
8B6A37
775B2F
644C28
503D20
3C2E18
281E10
140F08
000000
FFFFFF
FAF6F0
F5EDE1
F1E5D2
ECDCC3
E7D3B4
E2CAA4
DDC195
D9B986
D4B077
CFA768
BA965E
A68653
917549
7C643E
685434
53432A
3E321F
292115
15110A
000000
FFFFFF
FBF8F2
F7F0E6
F3E9D9
EFE2CD
EBDBC0
E7D3B3
E3CCA7
DFC59A
DBBD8E
D7B681
C2A474
AC9267
977F5A
816D4D
6C5B41
564934
403727
2B241A
15120D
000000
FFFFFF
FCF9F5
F9F3EB
F5EDE1
F2E7D7
EFE2CD
ECDCC2
E9D6B8
E5D0AE
E2CAA4
DFC49A
C9B08B
B29D7B
9C896C
86765C
70624D
594E3E
433B2E
2D271F
16140F
000000
FFFFFF
FDFBF7
FAF6F0
F8F2E8
F5EDE1
F3E9D9
F1E5D1
EEE0CA
ECDCC2
E9D7BB
E7D3B3
D0BEA1
B9A98F
A2947D
8B7F6B
746A5A
5C5448
453F36
2E2A24
171512
000000
FFFFFF
FDFCFA
FCF9F5
FAF6F0
F9F3EB
F7F0E6
F5EDE0
F4EADB
F2E7D6
F1E4D1
EFE1CC
D7CBB8
BFB4A3
A79E8F
8F877A
787166
605A52
48433D
302D29
181614
000000
FFFFFF
FEFEFC
FDFCFA
FDFBF7
FCF9F5
FBF8F2
FAF6EF
F9F5ED
F9F3EA
F8F2E8
F7F0E5
DED8CE
C6C0B7
ADA8A0
949089
7C7873
63605C
4A4845
31302E
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