Color Palette Generator


Color Scheme

Color Name









Palette Link (Permalink): https://www.colorxs.com/palette/editor/1b303e-2a4c62-3a6785-4983a9-679bbe-8bb3cd-afcadc?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 1B303E
RGB: 27,48,62
Hex: 2A4C62
RGB: 42,76,98
Hex: 3A6785
RGB: 58,103,133
Hex: 4983A9
RGB: 73,131,169
Hex: 679BBE
RGB: 103,155,190
Hex: 8BB3CD
RGB: 139,179,205
Hex: AFCADC
RGB: 175,202,220
-100%
-90%
-80%
-70%
-60%
-50%
-40%
-30%
-20%
-10%
Original
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
FFFFFF
E8EAEC
D1D6D8
BBC1C5
A4ACB2
8D989F
76838B
5F6E78
495965
324551
1B303E
182B38
162632
13222B
101D25
0E181F
0B1319
080E13
050A0C
030506
000000
FFFFFF
EAEDEF
D4DBE0
BFC9D0
AAB7C0
95A6B1
7F94A1
6A8291
557081
3F5E72
2A4C62
264458
223D4E
1D3545
192E3B
152631
111E27
0D171D
080F14
04080A
000000
FFFFFF
EBF0F3
D8E1E7
C4D1DA
B0C2CE
9DB3C2
89A4B6
7595AA
61859D
4E7691
3A6785
345D78
2E526A
29485D
233E50
1D3443
172935
111F28
0C151B
060A0D
000000
FFFFFF
EDF3F6
DBE6EE
C8DAE5
B6CDDD
A4C1D4
92B5CB
80A8C3
6D9CBA
5B8FB2
4983A9
427698
3A6987
335C76
2C4F65
254255
1D3444
162733
0F1A22
070D11
000000
FFFFFF
F0F5F9
E1EBF2
D1E1EC
C2D7E5
B3CDDF
A4C3D8
95B9D2
85AFCB
76A5C5
679BBE
5D8CAB
527C98
486D85
3E5D72
344E5F
293E4C
1F2E39
151F26
0A0F13
000000
FFFFFF
F3F7FA
E8F0F5
DCE8F0
D1E1EB
C5D9E6
B9D1E1
AECADC
A2C2D7
97BBD2
8BB3CD
7DA1B9
6F8FA4
617D90
536B7B
465A67
384852
2A363D
1C2429
0E1214
000000
FFFFFF
F7FAFC
EFF4F8
E7EFF5
DFEAF1
D7E5EE
CFDFEA
C7DAE7
BFD5E3
B7CFE0
AFCADC
9EB6C6
8CA2B0
7A8D9A
697984
58656E
465158
343D42
23282C
111416
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