Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/a3b4cc-acbbd1-b5c3d6-becadb-c7d2e0-d1d9e5-dae1ea-e3e8ef-ecf0f4-f5f7f9-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: A3B4CC
RGB: 163,180,204
Hex: ACBBD1
RGB: 172,187,209
Hex: B5C3D6
RGB: 181,195,214
Hex: BECADB
RGB: 190,202,219
Hex: C7D2E0
RGB: 199,210,224
Hex: D1D9E5
RGB: 209,217,229
Hex: DAE1EA
RGB: 218,225,234
Hex: E3E8EF
RGB: 227,232,239
Hex: ECF0F4
RGB: 236,240,244
Hex: F5F7F9
RGB: 245,247,249
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
F6F8FA
EDF0F5
E3E9F0
DAE1EB
D1DAE6
C8D2E0
BFCBDB
B5C3D6
ACBCD1
A3B4CC
93A2B8
8290A3
727E8F
626C7A
525A66
414852
31363D
212429
101214
000000
FFFFFF
F7F8FA
EEF1F6
E6EBF1
DEE4ED
D6DDE8
CDD6E3
C5CFDF
BDC9DA
B4C2D6
ACBBD1
9BA8BC
8A96A7
788392
67707D
565E69
454B54
34383F
22252A
111315
000000
FFFFFF
F8F9FB
F0F3F7
E9EDF3
E1E7EF
DAE1EB
D3DBE6
CBD5E2
C4CFDE
BCC9DA
B5C3D6
A3B0C1
919CAB
7F8996
6D7580
5B626B
484E56
363A40
24272B
121315
000000
FFFFFF
F9FAFB
F2F4F8
ECEFF4
E5EAF1
DFE5ED
D8DFE9
D2DAE6
CBD5E2
C5CFDF
BECADB
ABB6C5
98A2AF
858D99
727983
5F656E
4C5158
393D42
26282C
131416
000000
FFFFFF
F9FBFC
F4F6F9
EEF2F6
E9EDF3
E3E9F0
DDE4EC
D8E0E9
D2DBE6
CDD7E3
C7D2E0
B3BDCA
9FA8B3
8B939D
777E86
646970
50545A
3C3F43
282A2D
141516
000000
FFFFFF
FAFBFC
F6F7FA
F1F4F7
EDF0F5
E8ECF2
E3E8EF
DFE4ED
DAE1EA
D6DDE8
D1D9E5
BCC3CE
A7AEB7
9298A0
7D8289
696D73
54575C
3F4145
2A2B2E
151617
000000
FFFFFF
FBFCFD
F8F9FB
F4F6F9
F0F3F7
EDF0F5
E9EDF2
E5EAF0
E1E7EE
DEE4EC
DAE1EA
C4CBD3
AEB4BB
999EA4
83878C
6D7175
575A5E
414346
2C2D2F
161617
000000
FFFFFF
FCFDFD
F9FAFC
F7F8FA
F4F6F9
F1F4F7
EEF1F5
EBEFF4
E9EDF2
E6EAF1
E3E8EF
CCD1D7
B6BABF
9FA2A7
888B8F
727478
5B5D60
444648
2D2E30
171718
000000
FFFFFF
FDFEFE
FBFCFD
F9FBFC
F7F9FB
F6F8FA
F4F6F8
F2F5F7
F0F3F6
EEF2F5
ECF0F4
D4D8DC
BDC0C3
A5A8AB
8E9092
76787A
5E6062
474849
2F3031
181818
000000
FFFFFF
FEFEFE
FDFDFE
FCFDFD
FBFCFD
FAFBFC
F9FAFB
F8F9FB
F7F9FA
F6F8FA
F5F7F9
DDDEE0
C4C6C7
ACADAE
939495
7B7C7D
626364
494A4B
313132
181919
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