Color Picker

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <path
        fill="#fff5f5"
        d="M127 0H15C6.716 0 0 6.716 0 15v482c0 8.284 6.716 15 15 15h112c8.284 0 15-6.716 15-15V15c0-8.284-6.716-15-15-15z"
    />
    <path
        fill="#ede6f3"
        d="M127 0H71v512h56c8.284 0 15-6.716 15-15V15c0-8.284-6.716-15-15-15z"
    />
    <g fill-rule="evenodd" clip-rule="evenodd">
        <path fill="#00e7f0" d="M30 391.5h82V482H30z" />
        <path fill="#bee75e" d="M30 271h82v90.5H30z" />
        <path fill="#fdbf00" d="M30 150.5h82V241H30z" />
        <path fill="#ff3980" d="M30 30h82v90.5H30z" />
        <path fill="#c09" d="M71 30h41v90.5H71z" />
        <path fill="#ff8856" d="M71 150.5h41V241H71z" />
        <path fill="#00cb75" d="M71 271h41v90.5H71z" />
        <path fill="#00cef5" d="M71 391.5h41V482H71z" />
    </g>
    <path
        fill="#ede6f3"
        d="M375.301 178.377c-11.95-11.95-27.896-18.531-44.902-18.531-17.005 0-32.951 6.582-44.901 18.531l-94.427 94.427 10.43 83.897 79.373 5.905 94.428-94.427c24.756-24.758 24.756-65.043-.001-89.802z"
    />
    <path
        fill="#00cef5"
        d="M137.385 326.49c-14.386 14.386-20.885 34.523-17.801 54.57l-2.107 2.107c-14.622 14.621-14.622 38.412 0 53.033 7.312 7.312 16.913 10.966 26.517 10.966 9.602 0 19.207-3.656 26.517-10.966l2.108-2.108c20.048 3.086 40.184-3.415 54.57-17.801l53.686-53.686-89.803-89.803z"
    />
    <path
        fill="#001737"
        d="M491.137 63.283c-13.455-13.455-31.41-20.864-50.559-20.864-19.148 0-37.104 7.41-50.559 20.865l-102.531 102.53a7.5 7.5 0 0 0 0 10.606l90.51 90.51a7.5 7.5 0 0 0 10.608 0l102.529-102.531C504.59 150.945 512 132.99 512 113.841c0-19.148-7.409-37.104-20.863-50.558z"
    />
    <path
        fill="#00347b"
        d="M414.72 247.853 305.825 138.959a7.5 7.5 0 0 0-10.607 0l-42.426 42.426a7.5 7.5 0 0 0 0 10.606l108.894 108.895a7.476 7.476 0 0 0 5.304 2.197 7.478 7.478 0 0 0 5.304-2.197l42.427-42.426a7.5 7.5 0 0 0-.001-10.607z"
    />
</svg>