Huey
Rapid color palettes across the rainbow. Huey is great for instantly generating color palettes for use with CSS variables, SCSS, and JavaScript, and exports markup for Tailwind, Bootstrap, and PostCSS frameworks.
FREE
Go to website→
Rapid color palettes across the rainbow. Huey is great for instantly generating color palettes for use with CSS variables, SCSS, and JavaScript, and exports markup for Tailwind, Bootstrap, and PostCSS frameworks.
FREE
Go to website→
'/%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)
'%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)