Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/0066a3-1a75ac-3385b5-4c94bf-66a3c8-80b2d1-99c2da-b2d1e3-cce0ed-e6f0f6-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 0066A3
RGB: 0,102,163
Hex: 1A75AC
RGB: 26,117,172
Hex: 3385B5
RGB: 51,133,181
Hex: 4C94BF
RGB: 76,148,191
Hex: 66A3C8
RGB: 102,163,200
Hex: 80B2D1
RGB: 128,178,209
Hex: 99C2DA
RGB: 153,194,218
Hex: B2D1E3
RGB: 178,209,227
Hex: CCE0ED
RGB: 204,224,237
Hex: E6F0F6
RGB: 230,240,246
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
E6F0F6
CCE0ED
B3D1E3
99C2DA
80B3D1
66A3C8
4D94BF
3385B5
1A75AC
0066A3
005C93
005282
004772
003D62
003352
002941
001F31
001421
000A10
000000
FFFFFF
E8F1F7
D1E3EE
BAD6E6
A3C8DE
8DBAD6
76ACCD
5F9EC5
4891BD
3183B4
1A75AC
17699B
155E8A
125278
104667
0D3B56
0A2F45
082334
051722
030C11
000000
FFFFFF
EBF3F8
D6E7F0
C2DAE9
ADCEE1
99C2DA
85B6D3
70AACB
5C9DC4
4791BC
3385B5
2E78A3
296A91
245D7F
1F506D
1A435B
143548
0F2836
0A1B24
050D12
000000
FFFFFF
EDF4F9
DBEAF2
C9DFEC
B7D4E5
A6CADF
94BFD9
82B4D2
70A9CC
5E9FC5
4C94BF
4485AC
3D7699
356886
2E5973
264A60
1E3B4C
172C39
0F1E26
080F13
000000
FFFFFF
F0F6FA
E0EDF4
D1E3EF
C2DAE9
B3D1E4
A3C8DE
94BFD9
85B5D3
75ACCE
66A3C8
5C93B4
5282A0
47728C
3D6278
335264
294150
1F313C
142128
0A1014
000000
FFFFFF
F2F7FA
E6F0F6
D9E8F1
CCE0ED
C0D9E8
B3D1E3
A6C9DF
99C1DA
8DBAD6
80B2D1
73A0BC
668EA7
5A7D92
4D6B7D
405969
334754
26353F
1A242A
0D1215
000000
FFFFFF
F5F9FB
EBF3F8
E0EDF4
D6E7F0
CCE1ED
C2DAE9
B8D4E5
ADCEE1
A3C8DE
99C2DA
8AAFC4
7A9BAE
6B8899
5C7483
4D616D
3D4E57
2E3A41
1F272C
0F1316
000000
FFFFFF
F7FAFC
F0F6F9
E8F1F7
E0EDF4
D9E8F1
D1E3EE
C9DFEB
C1DAE9
BAD6E6
B2D1E3
A0BCCC
8EA7B6
7D929F
6B7D88
596972
47545B
353F44
242A2D
121517
000000
FFFFFF
FAFCFD
F5F9FB
F0F6FA
EBF3F8
E6F0F6
E0ECF4
DBE9F2
D6E6F1
D1E3EF
CCE0ED
B8CAD5
A3B3BE
8F9DA6
7A868E
667077
525A5F
3D4347
292D2F
141618
000000
FFFFFF
FDFEFE
FAFCFD
F8FBFC
F5F9FB
F3F8FB
F0F6FA
EEF5F9
EBF3F8
E9F2F7
E6F0F6
CFD8DD
B8C0C5
A1A8AC
8A9094
73787B
5C6062
45484A
2E3031
171819
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