Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/188397-157587-136878-105b69-0e4e5a-0c414b-09343c-07272d-041a1e-020d0f-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 188397
RGB: 24,131,151
Hex: 157587
RGB: 21,117,135
Hex: 136878
RGB: 19,104,120
Hex: 105B69
RGB: 16,91,105
Hex: 0E4E5A
RGB: 14,78,90
Hex: 0C414B
RGB: 12,65,75
Hex: 09343C
RGB: 9,52,60
Hex: 07272D
RGB: 7,39,45
Hex: 041A1E
RGB: 4,26,30
Hex: 020D0F
RGB: 2,13,15
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
E8F3F5
D1E6EA
BADAE0
A3CDD5
8CC1CB
74B5C1
5DA8B6
469CAC
2F8FA1
188397
167688
136979
115C6A
0E4F5B
0C424C
0A343C
07272D
051A1E
020D0F
000000
FFFFFF
E8F1F3
D0E3E7
B9D6DB
A1C8CF
8ABAC3
73ACB7
5B9EAB
44919F
2C8393
157587
13697A
115E6C
0F525F
0D4651
0B3B44
082F36
062328
04171B
020C0D
000000
FFFFFF
E7F0F2
D0E1E4
B8D2D7
A1C3C9
89B4BC
71A4AE
5A95A1
428693
2B7786
136878
115E6C
0F5360
0D4954
0B3E48
0A343C
082A30
061F24
041518
020A0C
000000
FFFFFF
E7EFF0
CFDEE1
B7CED2
9FBDC3
88ADB4
709DA5
588C96
407C87
286B78
105B69
0E525F
0D4954
0B404A
0A373F
082E35
06242A
051B1F
031215
02090A
000000
FFFFFF
E7EDEF
CFDCDE
B7CACE
9FB8BD
87A7AD
6E959C
56838C
3E717B
26606B
0E4E5A
0D4651
0B3E48
0A373F
082F36
07272D
061F24
04171B
031012
010809
000000
FFFFFF
E7ECED
CED9DB
B6C6C9
9EB3B7
86A0A5
6D8D93
557A81
3D676F
24545D
0C414B
0B3B44
0A343C
082E35
07272D
062126
051A1E
041316
020D0F
010607
000000
FFFFFF
E6EBEC
CED6D8
B5C2C5
9DAEB1
849A9E
6B858A
537177
3A5D63
224850
09343C
082F36
072A30
06242A
051F24
051A1E
041518
031012
020A0C
010506
000000
FFFFFF
E6E9EA
CDD4D5
B5BEC0
9CA9AB
839396
6A7D81
51686C
395257
203D42
07272D
062329
061F24
051B1F
04171B
041417
031012
020C0D
010809
010404
000000
FFFFFF
E6E8E9
CDD1D2
B4BABC
9BA3A5
828D8F
687678
4F5F62
36484B
1D3135
041A1E
04171B
031518
031215
021012
020D0F
020A0C
010809
010506
000303
000000
FFFFFF
E6E7E7
CCCFCF
B3B6B7
9A9E9F
818687
676E6F
4E5657
353D3F
1B2527
020D0F
020C0E
020A0C
01090B
010809
010708
010506
010404
000303
000101
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