Color Picker

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <path
        fill="#c4e2ff"
        d="M458.95 509.37c12.755 0 21.462-6.771 23.568-18.924.252-1.444.381-2.929.381-4.443 0-8.263-7.34-21.419-14.188-30.962-1.421-1.98-2.843-3.664-4.15-5.272v-.002a220.998 220.998 0 0 0-4.052-4.851 2.057 2.057 0 0 0-3.117 0 220.538 220.538 0 0 0-4.052 4.851v.002c-7.601 9.36-20.228 26.415-20.228 36.393a25.832 25.832 0 0 0 .479 4.967c.035.181.564.418.603.598 2.522 11.624 12.376 17.643 24.756 17.643z"
    />
    <path
        fill="#a7d7fc"
        d="M484.792 486.163c0 1.514-.134 2.998-.381 4.44C482.298 502.759 471.708 512 458.955 512c-12.578 0-23.047-8.973-25.365-20.871 1.349.175 2.732.268 4.133.268 15.607 0 28.567-11.311 31.142-26.177.309-1.772.474-3.585.474-5.439 0-1.463-.227-3.049-.629-4.739 7.325 9.59 16.082 22.807 16.082 31.121z"
    />
    <path
        fill="#c4e2ff"
        d="M435.001 406.885c-1.7 1.7-4.581 6.095-4.581 6.095-2.113.86-4.262 1.256-6.523 1.256a17.49 17.49 0 0 1-10.322-3.358l-35.242-25.631a20.594 20.594 0 0 0-13.712-3.884 75.199 75.199 0 0 1-58.896-21.809L184.01 237.838c65.696-5.038 78.891-30.133 146.42-15.648l50.083 58.665a75.168 75.168 0 0 1 21.809 58.896 20.656 20.656 0 0 0 3.884 13.712l22.785 32.578c5.078 6.983 12.109 14.746 6.01 20.844z"
    />
    <path
        fill="#f2fbff"
        d="M317.779 217.042c-13.423-2.879-21.851 2.581-21.851 2.581-39.787 3.462-57.871 29.763-111.919 18.215l-46.348-46.348 23.045-49.494 51.905-25.467z"
    />
    <path
        fill="#a7d7fc"
        d="M436.311 409.095c-1.751 1.751-3.696 3.03-5.891 3.885l-34.451-46.401a20.66 20.66 0 0 1-3.884-13.712 75.167 75.167 0 0 0-21.809-58.895l-74.348-74.348 9.925-7.818s17.487 8.866 24.576 10.384l56.33 56.33a75.168 75.168 0 0 1 21.809 58.896 20.656 20.656 0 0 0 3.884 13.712l25.641 35.243c5.079 6.983 4.317 16.625-1.782 22.724z"
    />
    <path
        fill="#dfeef4"
        d="M330.429 222.189c-13.423-2.874-24.632-3.431-34.501-2.565l-93.2-93.211v-15.968h15.968z"
    />
    <path
        fill="#6f7889"
        d="m162.838 62.1-71.555 71.555-23.217-11.757-24.074-24.073C25.174 79.007 22.18 50.357 35.01 28.41c.787-1.347 2.817-2.343 3.724-3.636 1.888-2.692 4.963-4.575 7.369-6.981 22.379-22.379 57.175-19.47 79.554 2.909z"
    />
    <path
        fill="#5f6977"
        d="m166.589 58.349-18.826 44.815-62.208 36.219-17.492-17.482 53.156-53.147c4.023-4.022 4.024-10.544.002-14.568l-16.793-16.801C93.24 26.197 78.581 20.604 63.911 20.604c-10.003 0-20.011 2.596-28.901 7.809a57.179 57.179 0 0 1 8.977-11.631C55.175 5.594 69.845 0 84.515 0s29.329 5.594 40.517 16.782z"
    />
    <path
        fill="#6f7889"
        d="m224.409 97.492-21.68 28.921-78.108 78.108c-6.035 6.035-15.819 6.035-21.853 0l-30.249-30.249c-6.035-6.035-6.035-15.819 0-21.853l78.103-78.103 30.253-25.11c6.035-6.035 15.819-6.035 21.853 0l21.681 26.432c6.034 6.036 6.034 15.82 0 21.854z"
    />
    <path
        fill="#5f6977"
        d="m231.728 97.414-13.032 13.032-15.968 15.968-52.107-52.096 2.915-2.915 26.094-26.095c6.027-6.037 15.813-6.037 21.85 0l30.246 30.256c6.039 6.026 6.039 15.813.002 21.85z"
    />
</svg>