Color Palette Generator API

const response = await fetch('https://api.apiverve.com/v1/colorpalette?color=FF5733&scheme=triade&variation=soft&count=5&distance=0.5&addComplement=true&webSafe=false', {
  method: 'GET',
  headers: {
    'X-API-Key': 'your_api_key_here',
    'Content-Type': 'application/json'
  }
});

const data = await response.json();
console.log(data);

import requests

headers = {
    'X-API-Key': 'your_api_key_here',
    'Content-Type': 'application/json'
}

response = requests.get('https://api.apiverve.com/v1/colorpalette?color=FF5733&scheme=triade&variation=soft&count=5&distance=0.5&addComplement=true&webSafe=false', headers=headers)

data = response.json()
print(data)

const https = require('https');
const url = require('url');

const options = {
  method: 'GET',
  headers: {
    'X-API-Key': 'your_api_key_here',
    'Content-Type': 'application/json'
  }
};

const req = https.request('https://api.apiverve.com/v1/colorpalette?color=FF5733&scheme=triade&variation=soft&count=5&distance=0.5&addComplement=true&webSafe=false', options, (res) => {
  let data = '';
  res.on('data', (chunk) => data += chunk);
  res.on('end', () => console.log(JSON.parse(data)));
});

req.end();

<?php

$ch = curl_init();

curl_setopt($ch, CURLOPT_URL, 'https://api.apiverve.com/v1/colorpalette?color=FF5733&scheme=triade&variation=soft&count=5&distance=0.5&addComplement=true&webSafe=false');
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
curl_setopt($ch, CURLOPT_CUSTOMREQUEST, 'GET');
curl_setopt($ch, CURLOPT_HTTPHEADER, [
    'X-API-Key: your_api_key_here',
    'Content-Type: application/json'
]);

$response = curl_exec($ch);
curl_close($ch);

$data = json_decode($response, true);
print_r($data);

?>

package main

import (
    "fmt"
    "io"
    "net/http"

)

func main() {
    req, _ := http.NewRequest("GET", "https://api.apiverve.com/v1/colorpalette?color=FF5733&scheme=triade&variation=soft&count=5&distance=0.5&addComplement=true&webSafe=false", nil)

    req.Header.Set("X-API-Key", "your_api_key_here")
    req.Header.Set("Content-Type", "application/json")

    client := &http.Client{}
    resp, err := client.Do(req)
    if err != nil {
        panic(err)
    }
    defer resp.Body.Close()

    body, _ := io.ReadAll(resp.Body)
    fmt.Println(string(body))
}

require 'net/http'
require 'json'

uri = URI('https://api.apiverve.com/v1/colorpalette?color=FF5733&scheme=triade&variation=soft&count=5&distance=0.5&addComplement=true&webSafe=false')
http = Net::HTTP.new(uri.host, uri.port)
http.use_ssl = true

request = Net::HTTP::Get.new(uri)
request['X-API-Key'] = 'your_api_key_here'
request['Content-Type'] = 'application/json'

response = http.request(request)
puts JSON.pretty_generate(JSON.parse(response.body))

using System;
using System.Net.Http;
using System.Text;
using System.Threading.Tasks;

class Program
{
    static async Task Main(string[] args)
    {
        using var client = new HttpClient();
        client.DefaultRequestHeaders.Add("X-API-Key", "your_api_key_here");

        var response = await client.GetAsync("https://api.apiverve.com/v1/colorpalette?color=FF5733&scheme=triade&variation=soft&count=5&distance=0.5&addComplement=true&webSafe=false");
        response.EnsureSuccessStatusCode();

        var responseBody = await response.Content.ReadAsStringAsync();
        Console.WriteLine(responseBody);
    }
}

<?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>

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