Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/a3b7f0-acbef1-b5c5f3-beccf4-c7d3f6-d1dbf7-dae2f9-e3e9fa-ecf0fc-f5f7fd-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: A3B7F0
RGB: 163,183,240
Hex: ACBEF1
RGB: 172,190,241
Hex: B5C5F3
RGB: 181,197,243
Hex: BECCF4
RGB: 190,204,244
Hex: C7D3F6
RGB: 199,211,246
Hex: D1DBF7
RGB: 209,219,247
Hex: DAE2F9
RGB: 218,226,249
Hex: E3E9FA
RGB: 227,233,250
Hex: ECF0FC
RGB: 236,240,252
Hex: F5F7FD
RGB: 245,247,253
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
F6F8FE
EDF1FC
E3E9FB
DAE2F9
D1DBF8
C8D4F6
BFCDF5
B5C5F3
ACBEF2
A3B7F0
93A5D8
8292C0
7280A8
626E90
525C78
414960
313748
212530
101218
000000
FFFFFF
F7F9FE
EEF2FC
E6ECFB
DEE5F9
D6DFF8
CDD8F7
C5D2F5
BDCBF4
B4C5F2
ACBEF1
9BABD9
8A98C1
7885A9
677291
565F79
454C60
343948
222630
111318
000000
FFFFFF
F8F9FE
F0F3FD
E9EEFB
E1E8FA
DAE2F9
D3DCF8
CBD6F7
C4D1F5
BCCBF4
B5C5F3
A3B1DB
919EC2
7F8AAA
6D7692
5B637A
484F61
363B49
242731
121418
000000
FFFFFF
F9FAFE
F2F5FD
ECF0FC
E5EBFB
DFE6FA
D8E0F8
D2DBF7
CBD6F6
C5D1F5
BECCF4
ABB8DC
98A3C3
858FAB
727A92
5F667A
4C5262
393D49
262931
131418
000000
FFFFFF
F9FBFE
F4F6FD
EEF2FC
E9EDFB
E3E9FB
DDE5FA
D8E0F9
D2DCF8
CDD7F7
C7D3F6
B3BEDD
9FA9C5
8B94AC
777F94
646A7B
505462
3C3F4A
282A31
141519
000000
FFFFFF
FAFBFE
F6F8FD
F1F4FD
EDF1FC
E8EDFB
E3E9FA
DFE6F9
DAE2F9
D6DFF8
D1DBF7
BCC5DE
A7AFC6
9299AD
7D8394
696E7C
545863
3F424A
2A2C31
151619
000000
FFFFFF
FBFCFE
F8F9FE
F4F6FD
F0F3FD
EDF1FC
E9EEFB
E5EBFB
E1E8FA
DEE5FA
DAE2F9
C4CBE0
AEB5C7
999EAE
838895
6D717D
575A64
41444B
2C2D32
161719
000000
FFFFFF
FCFDFF
F9FBFE
F7F8FE
F4F6FD
F1F4FD
EEF2FC
EBF0FC
E9EDFB
E6EBFB
E3E9FA
CCD2E1
B6BAC8
9FA3AF
888C96
72757D
5B5D64
44464B
2D2F32
171719
000000
FFFFFF
FDFEFF
FBFCFE
F9FBFE
F7F9FE
F6F8FE
F4F6FD
F2F5FD
F0F3FD
EEF2FC
ECF0FC
D4D8E3
BDC0CA
A5A8B0
8E9097
76787E
5E6065
47484C
2F3032
181819
000000
FFFFFF
FEFEFF
FDFDFF
FCFDFE
FBFCFE
FAFBFE
F9FAFE
F8F9FE
F7F9FD
F6F8FD
F5F7FD
DDDEE4
C4C6CA
ACADB1
939498
7B7C7F
626365
494A4C
313133
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