Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/237a48-39875a-4f946c-65a17e-7baf91-91bca3-a7c9b5-bdd7c8-d3e4da-e9f1ec-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 237A48
RGB: 35,122,72
Hex: 39875A
RGB: 57,135,90
Hex: 4F946C
RGB: 79,148,108
Hex: 65A17E
RGB: 101,161,126
Hex: 7BAF91
RGB: 123,175,145
Hex: 91BCA3
RGB: 145,188,163
Hex: A7C9B5
RGB: 167,201,181
Hex: BDD7C8
RGB: 189,215,200
Hex: D3E4DA
RGB: 211,228,218
Hex: E9F1EC
RGB: 233,241,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
E9F2ED
D3E4DA
BDD7C8
A7CAB6
91BDA4
7BAF91
65A27F
4F956D
39875A
237A48
206E41
1C623A
195532
15492B
123D24
0E311D
0A2516
07180E
030C07
000000
FFFFFF
EBF3EF
D7E7DE
C4DBCE
B0CFBD
9CC3AD
88B79C
74AB8C
619F7B
4D936B
39875A
337A51
2E6C48
285F3F
225136
1D442D
173624
11281B
0B1B12
060D09
000000
FFFFFF
EDF4F0
DCEAE2
CADFD3
B9D4C4
A7CAB6
95BFA7
84B498
72A989
619F7B
4F946C
478561
3F7656
37684C
2F5941
284A36
203B2B
182C20
101E16
080F0B
000000
FFFFFF
F0F6F2
E0ECE5
D1E3D8
C1D9CB
B2D0BF
A3C7B2
93BDA5
84B498
74AA8B
65A17E
5B9171
518165
477158
3D614C
33513F
284032
1E3026
142019
0A100D
000000
FFFFFF
F2F7F4
E5EFE9
D7E7DE
CADFD3
BDD7C8
B0CFBD
A3C7B2
95BFA7
88B79C
7BAF91
6F9E83
628C74
567A66
4A6957
3E5849
31463A
25342B
19231D
0C110E
000000
FFFFFF
F4F8F6
E9F2ED
DEEBE3
D3E4DA
C8DED1
BDD7C8
B2D0BF
A7C9B5
9CC3AC
91BCA3
83A993
749682
668472
577162
495E52
3A4B41
2B3831
1D2621
0E1310
000000
FFFFFF
F6FAF8
EDF4F0
E5EFE9
DCE9E1
D3E4DA
CADFD3
C1D9CB
B9D4C4
B0CEBC
A7C9B5
96B5A3
86A191
758D7F
64796D
54655B
435048
323C36
212824
111412
000000
FFFFFF
F8FBFA
F2F7F4
EBF3EF
E5EFE9
DEEBE4
D7E7DE
D1E3D9
CADFD3
C4DBCE
BDD7C8
AAC2B4
97ACA0
84978C
718178
5F6C64
4C5650
39403C
262B28
131514
000000
FFFFFF
FBFCFB
F6FAF8
F2F7F4
EDF4F0
E9F2ED
E5EFE9
E0ECE5
DCE9E1
D7E7DE
D3E4DA
BECDC4
A9B6AE
94A099
7F8983
6A726D
545B57
3F4441
2A2E2C
151716
000000
FFFFFF
FDFEFD
FBFCFB
F8FBF9
F6F9F7
F4F8F6
F2F7F4
F0F5F2
EDF4F0
EBF2EE
E9F1EC
D2D9D4
BAC1BD
A3A9A5
8C918E
757976
5D605E
464847
2F302F
171818
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