Color Palette Generator API

curl -X GET \
  "https://api.apiverve.com/v1/colorpalette?color=FF5733&scheme=triade&variation=soft&count=5&distance=0.5&addComplement=true&webSafe=false" \
  -H "X-API-Key: your_api_key_here"

<?xml version="1.0" encoding="UTF-8"?>
<response>
  <status>ok</status>
  <error xsi:nil="true" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"/>
  <data>
    <source>#FF5733</source>
    <sourceName>Outrageous Orange</sourceName>
    <hue>11</hue>
    <scheme>triade</scheme>
    <variation>soft</variation>
    <distance>0.5</distance>
    <colorCount>5</colorCount>
    <colorPalette>
      <item>
        <hex>#CC988F</hex>
        <name>Oriental Pink</name>
        <rgb>
          <r>204</r>
          <g>152</g>
          <b>143</b>
        </rgb>
        <hsl>
          <h>9</h>
          <s>37</s>
          <l>68</l>
        </hsl>
        <luminance>0.373</luminance>
        <isDark>true</isDark>
        <textColor>#FFFFFF</textColor>
        <accessibility>
          <contrastWithWhite>2.48</contrastWithWhite>
          <contrastWithBlack>8.46</contrastWithBlack>
          <wcagAANormal>false</wcagAANormal>
          <wcagAALarge>false</wcagAALarge>
          <wcagAAA>false</wcagAAA>
        </accessibility>
      </item>
      <item>
        <hex>#805F59</hex>
        <name>Russett</name>
        <rgb>
          <r>128</r>
          <g>95</g>
          <b>89</b>
        </rgb>
        <hsl>
          <h>9</h>
          <s>18</s>
          <l>43</l>
        </hsl>
        <luminance>0.135</luminance>
        <isDark>true</isDark>
        <textColor>#FFFFFF</textColor>
        <accessibility>
          <contrastWithWhite>5.68</contrastWithWhite>
          <contrastWithBlack>3.7</contrastWithBlack>
          <wcagAANormal>true</wcagAANormal>
          <wcagAALarge>true</wcagAALarge>
          <wcagAAA>false</wcagAAA>
        </accessibility>
      </item>
      <item>
        <hex>#E6D2CF</hex>
        <name>Dust Storm</name>
        <rgb>
          <r>230</r>
          <g>210</g>
          <b>207</b>
        </rgb>
        <hsl>
          <h>8</h>
          <s>32</s>
          <l>86</l>
        </hsl>
        <luminance>0.674</luminance>
        <isDark>false</isDark>
        <textColor>#000000</textColor>
        <accessibility>
          <contrastWithWhite>1.45</contrastWithWhite>
          <contrastWithBlack>14.48</contrastWithBlack>
          <wcagAANormal>true</wcagAANormal>
          <wcagAALarge>true</wcagAALarge>
          <wcagAAA>true</wcagAAA>
        </accessibility>
      </item>
      <item>
        <hex>#BF6E60</hex>
        <name>Contessa</name>
        <rgb>
          <r>191</r>
          <g>110</g>
          <b>96</b>
        </rgb>
        <hsl>
          <h>9</h>
          <s>43</s>
          <l>56</l>
        </hsl>
        <luminance>0.231</luminance>
        <isDark>true</isDark>
        <textColor>#FFFFFF</textColor>
        <accessibility>
          <contrastWithWhite>3.74</contrastWithWhite>
          <contrastWithBlack>5.61</contrastWithBlack>
          <wcagAANormal>false</wcagAANormal>
          <wcagAALarge>true</wcagAALarge>
          <wcagAAA>false</wcagAAA>
        </accessibility>
      </item>
      <item>
        <hex>#A2CC8F</hex>
        <name>Pine Glade</name>
        <rgb>
          <r>162</r>
          <g>204</g>
          <b>143</b>
        </rgb>
        <hsl>
          <h>101</h>
          <s>37</s>
          <l>68</l>
        </hsl>
        <luminance>0.529</luminance>
        <isDark>false</isDark>
        <textColor>#000000</textColor>
        <accessibility>
          <contrastWithWhite>1.82</contrastWithWhite>
          <contrastWithBlack>11.57</contrastWithBlack>
          <wcagAANormal>true</wcagAANormal>
          <wcagAALarge>true</wcagAALarge>
          <wcagAAA>true</wcagAAA>
        </accessibility>
      </item>
    </colorPalette>
    <colorPaletteRaw>
      <item>cc988f</item>
      <item>805f59</item>
      <item>e6d2cf</item>
      <item>bf6e60</item>
      <item>a2cc8f</item>
    </colorPaletteRaw>
    <css>:root {
  --primary: #CC988F;
  --primary-rgb: 204, 152, 143;
  --secondary: #805F59;
  --secondary-rgb: 128, 95, 89;
  --tertiary: #E6D2CF;
  --tertiary-rgb: 230, 210, 207;
  --quaternary: #BF6E60;
  --quaternary-rgb: 191, 110, 96;
  --quinary: #A2CC8F;
  --quinary-rgb: 162, 204, 143;
}</css>
    <image>
      <imageName>6ee29826-a52f-4c87-86f5-bef3b49f0dbb_palette.png</imageName>
      <format>.png</format>
      <downloadURL>https://storage.googleapis.com/apiverve/APIData/colorpalette/6ee29826-a52f-4c87-86f5-bef3b49f0dbb_palette.png?GoogleAccessId=635500398038-compute%40developer.gserviceaccount.com&amp;Expires=1766010083&amp;Signature=Boef5OapaNmcyp0F8bGmf%2BVfQk3zQkiWcw1THBfbsevtYGZnOuzr7xKDRlk9FYiHidSoMz6wjody2ymL7GzUoHkDvA8PEdSERhAq2z9St5yWlaX1c87KoNh%2FtCQEJqHixYk039NuYyb%2FhJu18JFY1RNrOfo8OPZEn9a3ICQdTDL0fYQEZEBxnDuc%2B7wvn4q9UFWhCJcf302HcoZoCw76AzrgVRu%2FazuahqHdVWMR1K5QTV3U51lSoqC23ERHjRZ6uZB8W0bCO65qBFrRNzWEPSVCC%2F8oafvvitZwB1YCG674q3MbtRhWXIhX2zdoPCT%2BgxL7E4fgIyXDtDLm5%2Bm%2Fsg%3D%3D</downloadURL>
      <expires>1766010083748</expires>
    </image>
  </data>
</response>