Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/ffd396-e6be87-cca978-b29469-997f5a-806a4b-66543c-4c3f2d-332a1e-19150f-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: FFD396
RGB: 255,211,150
Hex: E6BE87
RGB: 230,190,135
Hex: CCA978
RGB: 204,169,120
Hex: B29469
RGB: 178,148,105
Hex: 997F5A
RGB: 153,127,90
Hex: 806A4B
RGB: 128,106,75
Hex: 66543C
RGB: 102,84,60
Hex: 4C3F2D
RGB: 76,63,45
Hex: 332A1E
RGB: 51,42,30
Hex: 19150F
RGB: 25,21,15
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
FFFBF5
FFF6EA
FFF2E0
FFEDD5
FFE9CB
FFE5C0
FFE0B6
FFDCAB
FFD7A1
FFD396
E6BE87
CCA978
B39469
997F5A
806A4B
66543C
4C3F2D
332A1E
19150F
000000
FFFFFF
FDF9F3
FAF2E7
F8ECDB
F5E5CF
F3DFC3
F0D8B7
EED2AB
EBCB9F
E9C593
E6BE87
CFAB7A
B8986C
A1855F
8A7251
735F44
5C4C36
453928
2E261B
17130D
000000
FFFFFF
FAF6F2
F5EEE4
F0E5D7
EBDDC9
E6D4BC
E0CBAE
DBC3A1
D6BA93
D1B286
CCA978
B8986C
A38760
8F7654
7A6548
66553C
524430
3D3324
292218
14110C
000000
FFFFFF
F7F4F0
F0EAE1
E8DFD2
E0D4C3
D9CAB4
D1BFA5
C9B496
C1A987
BA9F78
B29469
A0855F
8E7654
7D684A
6B593F
594A35
473B2A
352C1F
241E15
120F0A
000000
FFFFFF
F5F2EF
EBE5DE
E0D9CE
D6CCBD
CCBFAD
C2B29C
B8A58C
AD997B
A38C6B
997F5A
8A7251
7A6648
6B593F
5C4C36
4D402D
3D3324
2E261B
1F1912
0F0D09
000000
FFFFFF
F2F0ED
E6E1DB
D9D2C9
CCC3B7
C0B5A5
B3A693
A69781
99886F
8D795D
806A4B
735F44
66553C
5A4A35
4D402D
403526
332A1E
262016
1A150F
0D0B07
000000
FFFFFF
F0EEEC
E0DDD8
D1CCC5
C2BBB1
B3AA9E
A3988A
948777
857663
756550
66543C
5C4C36
524330
473B2A
3D3224
332A1E
292218
1F1912
14110C
0A0806
000000
FFFFFF
EDECEA
DBD9D5
C9C5C0
B7B2AB
A69F96
948C81
82796C
706557
5E5242
4C3F2D
443929
3D3224
352C1F
2E261B
262017
1E1912
17130D
0F0D09
080604
000000
FFFFFF
EBEAE9
D6D4D2
C2BFBC
ADAAA5
99958F
857F78
706A62
5C554B
473F35
332A1E
2E261B
292218
241D15
1F1912
1A150F
14110C
0F0D09
0A0806
050403
000000
FFFFFF
E8E8E7
D1D0CF
BAB9B7
A3A19F
8C8A87
75736F
5E5B57
47443F
302C27
19150F
17130E
14110C
120F0B
0F0D09
0D0B08
0A0806
070604
050403
020201
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