Color Palette Generator
Choose Base Color
Advanced
#202226
%
#363940
%
#4b505a
%
#565b66
%
#606773
%
#6b7280
Base Color
#818793
%
#9095a0
%
#9fa3ac
%
#b5b9c0
%
#cbced3
%
#dadcdf
%
#e9eaec
%
#f3f4f5
%
#f9f9fa
%
#fcfcfc
%
Copy Values
Copy HTML
Copy SVG
Colors copied to clipboard!
Choose Base Color
Advanced
#12274a
%
#1e417b
%
#295bac
%
#2f68c5
%
#3575dd
%
#3b82f6
Base Color
#5895f7
%
#6ca1f8
%
#80aef9
%
#9dc1fb
%
#bad3fc
%
#cee0fd
%
#e2ecfe
%
#eff5fe
%
#f7faff
%
#fbfdff
%
Copy Values
Copy HTML
Copy SVG
Colors copied to clipboard!
Choose Base Color
Advanced
#2a1c4a
%
#462e7b
%
#6140ac
%
#6f4ac5
%
#7d53dd
%
#8b5cf6
Base Color
#9c74f7
%
#a885f8
%
#b495f9
%
#c5aefb
%
#d6c6fc
%
#e2d6fd
%
#eee7fe
%
#f6f2fe
%
#faf8ff
%
#fdfcff
%
Copy Values
Copy HTML
Copy SVG
Colors copied to clipboard!
Choose Base Color
Advanced
#f9b206
%
#fbc504
%
#fdd802
%
#fde202
%
#feeb01
%
#fff500
Base Color
#fff726
%
#fff840
%
#fff959
%
#fffa80
%
#fffca6
%
#fffdbf
%
#fffed9
%
#fffeeb
%
#fffff5
%
#fffffa
%
Copy Values
Copy HTML
Copy SVG
Colors copied to clipboard!
Add New Palette
Color Swatch Collection
Contrast
Create Palettes
Copy Values
Copy HTML
Copy SVG
Colors copied to clipboard!