Color Pal is a tool for creating color palettes for design systems.
FREE
Website color schemes to inspire creativity.
Create amazing color sets superfast.
Make beautiful color palettes for UI.
An open source toolbox for colors.
Rapid color palettes across the rainbow.
Color palette generator.
'/%3e%3cdefs%3e%3cradialGradient%20id='paint0_radial'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(30.25%201.875)%20rotate(127.081)%20scale(34.0002)'%3e%3cstop%20stop-color='%2300C4FF'/%3e%3cstop%20offset='1'%20stop-color='%23307CEF'/%3e%3c/radialGradient%3e%3c/defs%3e%3c/svg%3e)
'%20fill='%2372a1ff'/%3e%3ccircle%20cx='100'%20cy='100'%20r='100'%20transform='translate(300%20280)'%20fill='%2352f29d'/%3e%3ccircle%20cx='100'%20cy='100'%20r='100'%20transform='translate(150%2020)'%20fill='%23ff8484'/%3e%3c/svg%3e)
'%3e%3cg%20clip-path='url(%23clip1_99_5626)'%3e%3c/g%3e%3cg%20clip-path='url(%23clip2_99_5626)'%3e%3cpath%20d='M33.2582%206.74173C33.7464%206.25358%2033.7489%205.45886%2033.2312%205.00214C31.5788%203.54442%2029.6947%202.36781%2027.6537%201.52239C25.2271%200.517298%2022.6264%20-1.64184e-05%2020%20-1.61878e-05C17.3735%20-1.59572e-05%2014.7728%200.517299%2012.3463%201.52239C9.9198%202.52749%207.71502%204.00068%205.85785%205.85785L20%2020L33.2582%206.74173Z'%20fill='%23FF6060'/%3e%3cpath%20d='M5.85785%205.85788C4.00068%207.71505%202.52749%209.91984%201.52239%2012.3463C0.517299%2014.7729%20-1.53395e-05%2017.3736%20-1.52341e-05%2020C-1.51287e-05%2022.6265%200.517299%2025.2272%201.52239%2027.6537C2.52749%2030.0802%204.00068%2032.285%205.85785%2034.1422L20%2020L5.85785%205.85788Z'%20fill='%23FFE240'/%3e%3cpath%20d='M5.85785%2034.1421C7.71502%2035.9993%209.9198%2037.4725%2012.3463%2038.4776C14.7728%2039.4827%2017.3735%2040%2020%2040C22.6264%2040%2025.2271%2039.4827%2027.6537%2038.4776C29.6947%2037.6322%2031.5788%2036.4556%2033.2312%2034.9978C33.7489%2034.5411%2033.7464%2033.7464%2033.2582%2033.2582L20%2020L5.85785%2034.1421Z'%20fill='%23489EFF'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_99_5626'%3e%3crect%20width='250'%20height='40'%20fill='white'/%3e%3c/clipPath%3e%3cclipPath%20id='clip1_99_5626'%3e%3crect%20width='206'%20height='37'%20fill='white'%20transform='translate(44%203)'/%3e%3c/clipPath%3e%3cclipPath%20id='clip2_99_5626'%3e%3crect%20width='40'%20height='40'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e)