Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/eff3fe-d7dae4-bfc2cb-a7aab1-8f9198-77797f-5f6165-47484c-2f3032-171819-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: EFF3FE
RGB: 239,243,254
Hex: D7DAE4
RGB: 215,218,228
Hex: BFC2CB
RGB: 191,194,203
Hex: A7AAB1
RGB: 167,170,177
Hex: 8F9198
RGB: 143,145,152
Hex: 77797F
RGB: 119,121,127
Hex: 5F6165
RGB: 95,97,101
Hex: 47484C
RGB: 71,72,76
Hex: 2F3032
RGB: 47,48,50
Hex: 171819
RGB: 23,24,25
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
FDFEFF
FCFDFF
FAFBFF
F9FAFF
F7F9FF
F5F8FE
F4F7FE
F2F5FE
F1F4FE
EFF3FE
D7DBE5
BFC2CB
A7AAB2
8F9298
787A7F
606166
48494C
303133
181819
000000
FFFFFF
FBFBFC
F7F8FA
F3F4F7
EFF0F4
EBEDF2
E7E9EF
E3E5EC
DFE1E9
DBDEE7
D7DAE4
C2C4CD
ACAEB6
9799A0
818389
6C6D72
56575B
404144
2B2C2E
151617
000000
FFFFFF
F9F9FA
F2F3F5
ECEDEF
E5E7EA
DFE1E5
D9DAE0
D2D4DB
CCCED5
C5C8D0
BFC2CB
ACAFB7
999BA2
86888E
73747A
606166
4C4E51
393A3D
262729
131314
000000
FFFFFF
F6F7F7
EDEEEF
E5E6E8
DCDDE0
D3D5D8
CACCD0
C1C4C8
B9BBC1
B0B3B9
A7AAB1
96999F
86888E
75777C
64666A
545559
434447
323335
212223
111112
000000
FFFFFF
F4F4F5
E9E9EA
DDDEE0
D2D3D6
C7C8CC
BCBDC1
B1B2B7
A5A7AD
9A9CA2
8F9198
818389
72747A
64666A
56575B
48494C
393A3D
2B2B2E
1D1D1E
0E0E0F
000000
FFFFFF
F1F2F2
E4E4E5
D6D7D9
C9C9CC
BBBCBF
ADAFB2
A0A1A5
929499
85868C
77797F
6B6D72
5F6166
535559
47494C
3C3D40
303033
242426
181819
0C0C0D
000000
FFFFFF
EFEFF0
DFDFE0
CFD0D1
BFC0C1
AFB0B2
9FA0A3
8F9093
7F8184
6F7174
5F6165
56575B
4C4E51
434447
393A3D
303133
262728
1C1D1E
131314
090A0A
000000
FFFFFF
EDEDED
DADADB
C8C8C9
B5B6B7
A3A4A6
919194
7E7F82
6C6D70
595A5E
47484C
404144
393A3D
323235
2B2B2E
242426
1C1D1E
151617
0E0E0F
070708
000000
FFFFFF
EAEAEB
D5D6D6
C1C1C2
ACACAD
979899
828384
6D6E70
59595B
444547
2F3032
2A2B2D
262628
212223
1C1D1E
181819
131314
0E0E0F
090A0A
050505
000000
FFFFFF
E8E8E8
D1D1D1
B9BABA
A2A3A3
8B8C8C
747475
5D5D5E
454647
2E2F30
171819
151617
121314
101112
0E0E0F
0C0C0D
090A0A
070707
050505
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