Happy Hues
See color palette inspiration on a real example website. As you click on different palettes every color on this site updates to give you context of how that color could be used for your design or illustration projects.
FREE
Go to website→
RESOURCES
'%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%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)
