Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/0c3044-244456-3c5969-546e7c-6d828e-8597a1-9dacb4-b6c0c6-ced5d9-e6eaec-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 0C3044
RGB: 12,48,68
Hex: 244456
RGB: 36,68,86
Hex: 3C5969
RGB: 60,89,105
Hex: 546E7C
RGB: 84,110,124
Hex: 6D828E
RGB: 109,130,142
Hex: 8597A1
RGB: 133,151,161
Hex: 9DACB4
RGB: 157,172,180
Hex: B6C0C6
RGB: 182,192,198
Hex: CED5D9
RGB: 206,213,217
Hex: E6EAEC
RGB: 230,234,236
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
E7EAEC
CED6DA
B6C1C7
9EACB4
8698A2
6D838F
556E7C
3D5969
244557
0C3044
0B2B3D
0A2636
082230
071D29
061822
05131B
040E14
020A0E
010507
000000
FFFFFF
E9ECEE
D3DADD
BDC7CC
A7B4BB
92A2AB
7C8F9A
667C89
506978
3A5767
244456
203D4D
1D3645
19303C
162934
12222B
0E1B22
0B141A
070E11
040709
000000
FFFFFF
ECEEF0
D8DEE1
C5CDD2
B1BDC3
9EACB4
8A9BA5
778B96
637A87
506A78
3C5969
36505F
304754
2A3E4A
24353F
1E2D35
18242A
121B1F
0C1215
06090A
000000
FFFFFF
EEF1F2
DDE2E5
CCD4D8
BBC5CB
AAB7BE
98A8B0
879AA3
768B96
657D89
546E7C
4C6370
435863
3B4D57
32424A
2A373E
222C32
192125
111619
080B0C
000000
FFFFFF
F0F3F4
E2E6E8
D3DADD
C5CDD2
B6C1C7
A7B4BB
99A8B0
8A9BA5
7C8F99
6D828E
627580
576872
4C5B63
414E55
374147
2C3439
21272B
161A1C
0B0D0E
000000
FFFFFF
F3F5F6
E7EAEC
DAE0E3
CED5D9
C2CBD0
B6C1C7
AAB6BD
9DACB4
91A1AA
8597A1
788891
6A7981
5D6A71
505B61
434C51
353C40
282D30
1B1E20
0D0F10
000000
FFFFFF
F5F7F8
EBEEF0
E2E6E9
D8DEE1
CED6DA
C4CDD2
BAC5CB
B1BDC3
A7B4BC
9DACB4
8D9BA2
7E8A90
6E787E
5E676C
4F565A
3F4548
2F3436
1F2224
101112
000000
FFFFFF
F8F9F9
F0F2F4
E9ECEE
E2E6E8
DBE0E3
D3D9DD
CCD3D7
C5CDD1
BDC6CC
B6C0C6
A4ADB2
929A9E
7F868B
6D7377
5B6063
494D4F
373A3B
242628
121314
000000
FFFFFF
FAFBFB
F5F7F7
F0F2F4
EBEEF0
E7EAEC
E2E6E8
DDE2E4
D8DDE1
D3D9DD
CED5D9
B9C0C3
A5AAAE
909598
7C8082
676B6D
525557
3E4041
292B2B
151516
000000
FFFFFF
FDFDFD
FAFBFB
F8F9F9
F5F7F7
F3F5F6
F0F2F4
EEF0F2
EBEEF0
E9ECEE
E6EAEC
CFD3D4
B8BBBD
A1A4A5
8A8C8E
737576
5C5E5E
454647
2E2F2F
171718
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