Color Palette is a powerful tool for generating harmonious color palettes. Generate color schemes (mono, contrast, triade, tetrade, analogic) with accessibility data, CSS exports, and palette images.
Try it — live request, no key required
No key required to try it. Get a key to use it in your app.
{
"status": "ok",
"error": null,
"data": {
// Color Palette Generator response payload
}
}
About the Color Palette Generator API
Color Palette works by generating color palettes based on color theory principles. It returns harmonious colors with multiple format outputs (HEX, RGB, HSL), accessibility metrics, ready-to-use CSS variables, and downloadable palette images.
What people use it for
- Graphic Design
- Use the Color Palette API to generate color palettes for graphic design projects. Use the data to create visually appealing designs, logos, and illustrations
- Web Development
- Develop websites by using the Color Palette API to generate color palettes. Get ready-to-use CSS variables and ensure WCAG accessibility compliance
- UI/UX Design
- Design user interfaces by using the Color Palette API to generate color palettes. Use accessibility data to ensure text readability and contrast compliance
- Brand Identity
- Create cohesive brand color systems with harmonious palettes. Export as CSS variables for consistent implementation across platforms
Ways to call it
One endpoint, many ways in — REST with JSON, XML, YAML and CSV, plus GraphQL and an MCP interface for AI agents.
- JSON
- Default REST response
- XML
- Markup format
- YAML
- Human-readable
- CSV
- Tabular export
- GraphQL
- Query language
- MCP
- For AI agents
Other ways to use Color Palette Generator
Same data, same APIVerve account, same credit balance — one key works on all of them.
What does the Color Palette Generator API do?
How do I authenticate Color Palette Generator API requests?
How much does the Color Palette Generator API cost?
How fast is the Color Palette Generator API?
What response formats does the Color Palette Generator API support?
What HTTP method does the Color Palette Generator API use?
Request parameters — GET /v1/colorpalette
Sent in the query string. Premium parameters are accepted on every plan but only take effect on plans that include them. Anything not listed here is dropped rather than passed through.
Required
| Parameter | Type | Example | Description |
|---|---|---|---|
colorRequired | string | FF5733 | The base color to generate the palette from (HEX format without #) hexColor |
Optional
| Parameter | Type | Example | Description |
|---|---|---|---|
schemeOptional | string | triade | The color scheme typemonocontrasttriadetetradeanalogicdefault triade |
variationOptional | string | soft | The color variationdefaultsoftpastellighthardpaledefault default |
countOptionalPremium | integer | 5 | Number of colors to return (1-16). Free tier limited to 5 colors default 5 · range 1-16 |
distanceOptionalPremium | number | 0.5 | Color spacing distance (0-1). Affects triade, tetrade, and analogic schemes default 0.5 · range 0-1 |
addComplementOptionalPremium | boolean | true | Add complement color to analogic scheme default false |
webSafeOptional | boolean | false | Return web-safe colors only default false |
curl "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"Authentication
Send your key in the x-api-key header. That is the only auth step — no token exchange, and no per-endpoint scope to configure.
| Header | When | Value |
|---|---|---|
x-api-keyRequired | Every request | Your API key. Header names are case-insensitive, so X-API-Key is the same header. |
AuthorizationAlternate | Instead of the above | Bearer <key> — for clients that only expose bearer auth. Resolves to the same account and the same billing. |
A 401 means the key is missing, invalid or expired. A 403 means the key is valid but not permitted here — blocked by a key restriction or an IP allow-list. Running out of credits is a 429.
Response — GET /v1/colorpalette
Every APIVerve endpoint returns the same three top-level keys, so one response handler covers your whole integration: status, error and data. Only data changes shape.
{
"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 {\n --primary: #CC988F;\n --primary-rgb: 204, 152, 143;\n --secondary: #805F59;\n --secondary-rgb: 128, 95, 89;\n --tertiary: #E6D2CF;\n --tertiary-rgb: 230, 210, 207;\n --quaternary: #BF6E60;\n --quaternary-rgb: 191, 110, 96;\n --quinary: #A2CC8F;\n --quinary-rgb: 162, 204, 143;\n}",
"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
}
}
}
Response fields
Paths are relative to data. Premium fields are absent rather than zeroed on plans that do not include them, so check for presence instead of comparing to 0.
| Field | Type | Example | Description |
|---|---|---|---|
source | string | "#FF5733" | |
sourceName | string | "Outrageous Orange" | |
hue | number | 11 | |
scheme | string | "triade" | |
variation | string | "soft" | |
distance | number | 0.5 | |
colorCount | number | 5 | |
colorPalette | array[5] | ||
hex | string | "#CC988F" | HEX values for each color in palette |
name | string | "Oriental Pink" | |
rgb | object | {...} | RGB values for each color |
r | number | 204 | |
g | number | 152 | |
b | number | 143 | |
hslPremium | object | {...} | HSL values for each color |
hPremium | number | 9 | |
sPremium | number | 37 | |
lPremium | number | 68 | |
luminancePremium | number | 0.373 | Luminance value for each color |
isDark | boolean | true | |
textColor | string | "#FFFFFF" | |
accessibilityPremium | object | {...} | WCAG contrast ratios and compliance |
contrastWithWhitePremium | number | 2.48 | |
contrastWithBlackPremium | number | 8.46 | |
wcagAANormalPremium | boolean | false | |
wcagAALargePremium | boolean | false | |
wcagAAAPremium | boolean | false | |
colorPaletteRaw | array | [cc988f, ...] | |
cssPremium | string | ":root {
--primary: #CC988F;
--primary-rgb: 204, 152, 143;
--secondary: #805F59;
--secondary-rgb: 128, 95, 89;
--tertiary: #E6D2CF… | Ready-to-use CSS variables |
imagePremium | object | {...} | Generated palette image file details |
imageNamePremium | string | "6ee29826-a52f-4c87-86f5-bef3b49f0dbb_palette.png" | Filename of the generated palette image |
formatPremium | string | ".png" | Image file format (e.g. .png) |
downloadURLPremium | string | "https://storage.googleapis.com/apiverve/APIData/colorpalette/6ee29826-a52f-4c87-86f5-bef3b49f0dbb_palette.png?GoogleAccessId=635500398038-c… | URL to download the generated palette image |
expiresPremium | number | 1766010083748 |
Response headers
Every response carries your balance, so your own code always knows where it stands without polling anything. All four are exposed to browsers through CORS.
| Header | What it carries |
|---|---|
x-api-remaining-credits | Credits left in the current cycle |
x-api-credits-used | Credits spent in the current cycle |
x-api-max-credits | The allowance for the cycle |
x-api-version | Version of the endpoint that answered |
Errors
Read the HTTP status first, then error for the specific reason. The body names the parameter that has to change.
| Status | Meaning | What to do |
|---|---|---|
400 | Input was rejected | Read error; it names the parameter that has to change. |
401 | Key missing or invalid | Check the header name and the key value. |
403 | Key valid, but not permitted here | A key restriction or an IP allow-list — never a bad key. |
429 | Rate limited, or out of credits | Read error to tell them apart, then back off or top up. |
What a call costs — 2 credits per call
Credits are shared across every APIVerve API — one balance, one key, one bill. Failed requests never count against it, so a rejected input costs nothing.
| Plan | Per month | Credits | Color Palette Generator calls | Per 1,000 calls |
|---|---|---|---|---|
| Free | Free | 200 | 100 | Free |
| Starter | $29.99 | 200,000 | 100,000 | $0.30 |
| Pro | $99.99 | 1,000,000 | 500,000 | $0.20 |
| Mega | $299.99 | 4,000,000 | 2,000,000 | $0.15 |
Calls are what the credits buy at this API's rate — spend them here, on any of the other APIs, or across both. Nothing is reserved per endpoint.
Call it from cURL — GET /v1/colorpalette
No SDK to install — this is a plain HTTPS call to /v1/colorpalette with your key in the x-api-key header. Swap in a real key and it runs as-is.
curl "https://api.apiverve.com/v1/colorpalette" \
-H "x-api-key: YOUR_API_KEY"Resources
Also published for
Only the languages APIVerve ships a client for are listed — the rest call the endpoint directly over HTTPS.
Call it from Node.js — GET /v1/colorpalette
Install the Node.js SDK, then call the Color Palette Generator API with your key. The client wraps the same HTTPS request, so anything it returns is what the endpoint returns.
npm install @apiverve/colorpaletteconst res = await fetch("https://api.apiverve.com/v1/colorpalette", {
headers: { "x-api-key": "YOUR_API_KEY" },
});
const { data } = await res.json();
console.log(data);Resources
Also published for
Only the languages APIVerve ships a client for are listed — the rest call the endpoint directly over HTTPS.
Call it from Python — GET /v1/colorpalette
No SDK to install — this is a plain HTTPS call to /v1/colorpalette with your key in the x-api-key header. Swap in a real key and it runs as-is.
import requests
res = requests.get(
"https://api.apiverve.com/v1/colorpalette",
headers={"x-api-key": "YOUR_API_KEY"},
)
print(res.json()["data"])Resources
Also published for
Only the languages APIVerve ships a client for are listed — the rest call the endpoint directly over HTTPS.
Call it from C# / .NET — GET /v1/colorpalette
Install the C# / .NET SDK, then call the Color Palette Generator API with your key. The client wraps the same HTTPS request, so anything it returns is what the endpoint returns.
dotnet add package APIVerve.API.ColorPaletteGeneratorusing var client = new HttpClient();
client.DefaultRequestHeaders.Add("x-api-key", "YOUR_API_KEY");
var json = await client.GetStringAsync("https://api.apiverve.com/v1/colorpalette");
Console.WriteLine(json);Resources
Also published for
Only the languages APIVerve ships a client for are listed — the rest call the endpoint directly over HTTPS.
Call it from Go — GET /v1/colorpalette
No SDK to install — this is a plain HTTPS call to /v1/colorpalette with your key in the x-api-key header. Swap in a real key and it runs as-is.
req, _ := http.NewRequest("GET", "https://api.apiverve.com/v1/colorpalette", nil)
req.Header.Set("x-api-key", "YOUR_API_KEY")
res, _ := http.DefaultClient.Do(req)
defer res.Body.Close()
body, _ := io.ReadAll(res.Body)
fmt.Println(string(body))Resources
Also published for
Only the languages APIVerve ships a client for are listed — the rest call the endpoint directly over HTTPS.
Call it from PHP — GET /v1/colorpalette
No SDK to install — this is a plain HTTPS call to /v1/colorpalette with your key in the x-api-key header. Swap in a real key and it runs as-is.
$ch = curl_init("https://api.apiverve.com/v1/colorpalette");
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
curl_setopt($ch, CURLOPT_HTTPHEADER, ["x-api-key: YOUR_API_KEY"]);
$response = curl_exec($ch);
echo $response;Resources
Also published for
Only the languages APIVerve ships a client for are listed — the rest call the endpoint directly over HTTPS.
Call it from Ruby — GET /v1/colorpalette
No SDK to install — this is a plain HTTPS call to /v1/colorpalette with your key in the x-api-key header. Swap in a real key and it runs as-is.
require "net/http"
uri = URI("https://api.apiverve.com/v1/colorpalette")
req = Net::HTTP::Get.new(uri)
req["x-api-key"] = "YOUR_API_KEY"
res = Net::HTTP.start(uri.hostname, uri.port, use_ssl: true) { |h| h.request(req) }
puts res.bodyResources
Also published for
Only the languages APIVerve ships a client for are listed — the rest call the endpoint directly over HTTPS.
Zero-code embed — one snippet, no backend
Drop an interactive Color Palette Generator form onto any page. The widget calls the API for you, so no key ever appears in your markup and there is nothing to deploy.
Changelog — Color Palette Generator API
Every change to this endpoint, newest first. Breaking changes ship as a new version and the previous one keeps serving — response fields are added, never removed or retyped in place, so an integration written against v1 keeps working.
Entries are picked up from dated catalog snapshots, so the first one appears after the next snapshot that moves something. A period where nothing changed produces no entry — silence is a valid changelog for the Color Palette Generator API.
Data Generation
- Acronym Generator
- Baby Name Generator
- Barcode Generator
- Bingo Card Generator
- Boggle Board Generator
- Captcha Generator
- Chart Generator
- Color Palette Generator
- Comment Generator
- Company Name Generator
- Cron Expression Generator
- Cuid Generator
- GUID Generator
- Hashtag Generator
- IMEI Generator
- Initialism Generator
- JSON Schema Generator
- Lorem Ipsum Generator
- Password Generator
- QR Code Generator
- Random Data Generator
- Random Identity Generator
- Random User Generator
- Random Word
- Short Code Generator
- Sitemap Generator
- Test Card Generator
- TOTP Generator
- ULID Generator
- User Agent Generator
- Username Generator
- UUID Generator
Related articles
All articles →
Generate Barcodes for Inventory and ShippingCreate Code 128 and Code 39 barcodes programmatically. Tutorial for inventory systems, shipping labels, and asset tracking.Read
Add Secure Password Generation to Your AppGenerate cryptographically secure passwords via API. Tutorial with code examples for signup flows, admin panels, and password managers.Read
QR Codes Are Back (And This Time It's Different)Remember when QR codes were a punchline? Now they're everywhere. Here's why this time it stuck.Read