Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/ffbb13-e5a811-cc950f-b2820d-99700b-7f5d09-664a07-4c3805-332503-191201-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: FFBB13
RGB: 255,187,19
Hex: E5A811
RGB: 229,168,17
Hex: CC950F
RGB: 204,149,15
Hex: B2820D
RGB: 178,130,13
Hex: 99700B
RGB: 153,112,11
Hex: 7F5D09
RGB: 127,93,9
Hex: 664A07
RGB: 102,74,7
Hex: 4C3805
RGB: 76,56,5
Hex: 332503
RGB: 51,37,3
Hex: 191201
RGB: 25,18,1
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
FFF8E7
FFF1D0
FFEBB8
FFE4A1
FFDD89
FFD671
FFCF5A
FFC942
FFC22B
FFBB13
E6A811
CC960F
B3830D
99700B
805E0A
664B08
4C3806
332504
191302
000000
FFFFFF
FCF6E7
FAEECF
F7E5B8
F5DCA0
F2D488
EFCB70
EDC258
EAB941
E8B129
E5A811
CE970F
B7860E
A0760C
89650A
735409
5C4307
453205
2E2203
171102
000000
FFFFFF
FAF4E7
F5EACF
F0DFB7
EBD59F
E6CA87
E0BF6F
DBB557
D6AA3F
D1A027
CC950F
B8860E
A3770C
8F680B
7A5909
664B08
523C06
3D2D04
291E03
140F01
000000
FFFFFF
F7F3E7
F0E6CF
E8DAB6
E0CD9E
D9C186
D1B46E
C9A856
C19B3D
BA8F25
B2820D
A0750C
8E680A
7D5B09
6B4E08
594107
473405
352704
241A03
120D01
000000
FFFFFF
F5F1E7
EBE2CE
E0D4B6
D6C69D
CCB885
C2A96D
B89B54
AD8D3C
A37E23
99700B
8A650A
7A5A09
6B4E08
5C4307
4D3806
3D2D04
2E2203
1F1602
0F0B01
000000
FFFFFF
F2EFE6
E5DFCE
D9CEB5
CCBE9D
BFAE84
B29E6B
A58E53
997D3A
8C6D22
7F5D09
725408
664A07
594106
4C3805
402F05
332504
261C03
191302
0D0901
000000
FFFFFF
F0EDE6
E0DBCD
D1C9B5
C2B79C
B3A583
A3926A
948051
856E39
755C20
664A07
5C4306
523B06
473405
3D2C04
332504
291E03
1F1602
140F01
0A0701
000000
FFFFFF
EDEBE6
DBD7CD
C9C3B4
B7AF9B
A69C82
948869
827450
706037
5E4C1E
4C3805
443205
3D2D04
352704
2E2203
261C03
1E1602
171101
0F0B01
080600
000000
FFFFFF
EBE9E6
D6D3CD
C2BEB3
ADA89A
999281
857C68
70664F
5C5135
473B1C
332503
2E2103
291E02
241A02
1F1602
1A1302
140F01
0F0B01
0A0701
050400
000000
FFFFFF
E8E7E6
D1D0CC
BAB8B3
A3A099
8C8980
757167
5E594D
474134
302A1A
191201
171001
140E01
120D01
0F0B01
0D0901
0A0700
070500
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