Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/f1f0b0-d8d89e-c0c08c-a8a87b-909069-787858-606046-484834-303023-181811-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: F1F0B0
RGB: 241,240,176
Hex: D8D89E
RGB: 216,216,158
Hex: C0C08C
RGB: 192,192,140
Hex: A8A87B
RGB: 168,168,123
Hex: 909069
RGB: 144,144,105
Hex: 787858
RGB: 120,120,88
Hex: 606046
RGB: 96,96,70
Hex: 484834
RGB: 72,72,52
Hex: 303023
RGB: 48,48,35
Hex: 181811
RGB: 24,24,17
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
FEFEF7
FCFCEF
FBFBE7
F9F9DF
F8F8D8
F7F6D0
F5F5C8
F4F3C0
F2F2B8
F1F0B0
D9D89E
C1C08D
A9A87B
91906A
797858
606046
484835
303023
181812
000000
FFFFFF
FBFBF5
F7F7EC
F3F3E2
EFEFD8
ECECCF
E8E8C5
E4E4BB
E0E0B1
DCDCA8
D8D89E
C2C28E
ADAD7E
97976F
82825F
6C6C4F
56563F
41412F
2B2B20
161610
000000
FFFFFF
F9F9F4
F2F2E8
ECECDD
E6E6D1
E0E0C6
D9D9BA
D3D3AF
CDCDA3
C6C698
C0C08C
ADAD7E
9A9A70
868662
737354
606046
4D4D38
3A3A2A
26261C
13130E
000000
FFFFFF
F6F6F2
EEEEE5
E5E5D7
DCDCCA
D4D4BD
CBCBB0
C2C2A3
B9B995
B1B188
A8A87B
97976F
868662
767656
65654A
54543E
434331
323225
222219
11110C
000000
FFFFFF
F4F4F0
E9E9E1
DEDED2
D3D3C3
C8C8B4
BCBCA5
B1B196
A6A687
9B9B78
909069
82825F
737354
65654A
56563F
484835
3A3A2A
2B2B1F
1D1D15
0E0E0A
000000
FFFFFF
F2F2EE
E4E4DE
D7D7CD
C9C9BC
BCBCAC
AEAE9B
A1A18A
939379
868669
787858
6C6C4F
606046
54543E
484835
3C3C2C
303023
24241A
181812
0C0C09
000000
FFFFFF
EFEFED
DFDFDA
CFCFC8
BFBFB5
B0B0A3
A0A090
90907E
80806B
707059
606046
56563F
4D4D38
434331
3A3A2A
303023
26261C
1D1D15
13130E
0A0A07
000000
FFFFFF
EDEDEB
DADAD6
C8C8C2
B6B6AE
A4A49A
919185
7F7F71
6D6D5D
5A5A48
484834
41412F
3A3A2A
323224
2B2B1F
24241A
1D1D15
161610
0E0E0A
070705
000000
FFFFFF
EAEAE9
D6D6D3
C1C1BD
ACACA7
989891
83837B
6E6E65
59594F
454539
303023
2B2B20
26261C
222219
1D1D15
181812
13130E
0E0E0A
0A0A07
050503
000000
FFFFFF
E8E8E7
D1D1CF
BABAB8
A3A3A0
8C8C88
747470
5D5D58
464641
2F2F29
181811
16160F
13130E
11110C
0E0E0A
0C0C09
0A0A07
070705
050503
020202
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