color.generator
inspiration
Hue:
0
Saturation:
0
Lightness:
0
Enter a HEX or change HSL values
Palette Generator
Number of Colors
−
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
+
Hue Range
0
Saturation Range
10
Lightness Range
25
#000000
#04060a
#0a0f1a
#0f172a
#141f3a
#19274b
#1d2f5c
Download SVG
Copy CSS
Tint Palette Generator
Number of Tints
−
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
+
Saturation Range (%)
0
Lightness Range (%)
40
#15203b
#1b294b
#21325c
#273c6d
#2d457d
#334e8e
#39579f
#3f60b0
#486abd
Download SVG
Copy CSS
Shade Palette Generator
Number of Shades
−
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
+
Saturation Range
0
Darkness Range
40
#090e19
#030509
#000000
#000000
#000000
#000000
#000000
#000000
#000000
Download SVG
Copy CSS
Similar Colors Generator
Number of Colors
−
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
+
Hue Range
40
#0f202a
#0f1e2a
#0f1b2a
#0f192a
#0f172a
#0f152a
#0f122a
#0f102a
#100f2a
Download SVG
Copy CSS
Complementary Palette Generator
Number of Colors
−
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
+
Hue Range
20
Saturation Offset
0
Lightness Offset
0
Download SVG
Copy CSS