Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/bcc6bc-c2cbc2-c9d1c9-d0d7d0-d6dcd6-dde2dd-e4e8e4-eaedea-f1f3f1-f8f9f8-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: BCC6BC
RGB: 188,198,188
Hex: C2CBC2
RGB: 194,203,194
Hex: C9D1C9
RGB: 201,209,201
Hex: D0D7D0
RGB: 208,215,208
Hex: D6DCD6
RGB: 214,220,214
Hex: DDE2DD
RGB: 221,226,221
Hex: E4E8E4
RGB: 228,232,228
Hex: EAEDEA
RGB: 234,237,234
Hex: F1F3F1
RGB: 241,243,241
Hex: F8F9F8
RGB: 248,249,248
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
F8F9F8
F2F4F2
EBEEEB
E4E8E4
DEE3DE
D7DDD7
D0D7D0
C9D1C9
C3CCC3
BCC6BC
A9B2A9
969E96
848B84
717771
5E635E
4B4F4B
383B38
262826
131413
000000
FFFFFF
F9FAF9
F3F5F3
EDEFED
E7EAE7
E1E5E1
DAE0DA
D4DBD4
CED5CE
C8D0C8
C2CBC2
AFB7AF
9BA29B
888E88
747A74
616661
4E514E
3A3D3A
272927
131413
000000
FFFFFF
FAFAFA
F4F6F4
EFF1EF
E9EDE9
E4E8E4
DFE3DF
D9DFD9
D4DAD4
CED6CE
C9D1C9
B5BCB5
A1A7A1
8D928D
797D79
656965
505450
3C3F3C
282A28
141514
000000
FFFFFF
FAFBFA
F6F7F6
F1F3F1
ECEFEC
E8EBE8
E3E7E3
DEE3DE
D9DFD9
D5DBD5
D0D7D0
BBC2BB
A6ACA6
929792
7D817D
686C68
535653
3E403E
2A2B2A
151515
000000
FFFFFF
FBFCFB
F7F8F7
F3F5F3
EFF1EF
EBEEEB
E6EAE6
E2E7E2
DEE3DE
DAE0DA
D6DCD6
C1C6C1
ABB0AB
969A96
808480
6B6E6B
565856
404240
2B2C2B
151615
000000
FFFFFF
FCFCFC
F8F9F8
F5F6F5
F1F3F1
EEF1EE
EBEEEB
E7EBE7
E4E8E4
E0E5E0
DDE2DD
C7CBC7
B1B5B1
9B9E9B
858885
6F716F
585A58
424442
2C2D2C
161716
000000
FFFFFF
FCFDFC
FAFAFA
F7F8F7
F4F6F4
F2F4F2
EFF1EF
ECEFEC
E9EDE9
E7EAE7
E4E8E4
CDD1CD
B6BAB6
A0A2A0
898B89
727472
5B5D5B
444644
2E2E2E
171717
000000
FFFFFF
FDFDFD
FBFBFB
F9FAF9
F7F8F7
F5F6F5
F2F4F2
F0F2F0
EEF1EE
ECEFEC
EAEDEA
D3D5D3
BBBEBB
A4A6A4
8C8E8C
757775
5E5F5E
464746
2F2F2F
171817
000000
FFFFFF
FEFEFE
FCFDFC
FBFBFB
F9FAF9
F8F9F8
F7F8F7
F5F7F5
F4F5F4
F2F4F2
F1F3F1
D9DBD9
C1C2C1
A9AAA9
919291
797A79
606160
484948
303130
181818
000000
FFFFFF
FEFEFE
FEFEFE
FDFDFD
FCFDFC
FCFCFC
FBFBFB
FAFBFA
F9FAF9
F9FAF9
F8F9F8
DFE0DF
C6C7C6
AEAEAE
959595
7C7D7C
636463
4A4B4A
323232
191919
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