Build cohesive, web-safe color palettes from any base color.
Color Palette Generator produces harmonious color schemes from any HEX base color. It returns color codes in HEX and RGB formats, naming matches, dark-mode flags, and recommended text colors.
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": {
"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
}
}
}
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
- Dynamic Theme Generation
- White-label SaaS dashboards build branded interface themes instantly by supplying a customer's primary brand HEX to retrieve complementary UI shades and legible text colors.
- Website Builder Customization
- When site owners select a key accent color, CMS site editors generate matching color sets to style page headers, background sections, and button borders.
- E-Commerce Product Showcases
- Match catalog item tones to surrounding promotional banners by creating monochromatic or contrasting palettes directly from product hero image colors.
- Design Tool Integrations
- Digital illustration software presents automated analogic or triadic color swatches to artists based on their current active brush color.
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.
Is it cheap enough to generate palettes for every user theme?
Are accessibility metrics and CSS variables included on the Free plan?
What color schemes does the generator support?
Does the base color accept hex codes with a leading hash mark?
Can I restrict palette colors to web-safe values?
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 | Caps how many colors are returned (1-16). Each scheme has its own ceiling and count cannot raise it - mono yields 4, contrast 8, triade and analogic 12, tetrade 16. The colorCount field reports how many were actually returned. 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" | The normalized base color the palette was generated from, in HEX format with a leading # |
sourceName | string | "Outrageous Orange" | The human-readable color name closest to the base color |
hue | number | 11 | The base color's position on the HSL color wheel, in degrees from 0 to 360 |
scheme | string | "triade" | The color scheme type that was used to generate the palette |
variation | string | "soft" | The color variation that was applied to the palette |
distance | number | 0.5 | The color spacing distance that was applied when generating the palette |
colorCount | number | 5 | The number of colors included in the palette |
colorPalette | array[5] | The generated palette, one entry per color with format conversions and accessibility data | |
hex | string | "#CC988F" | HEX values for each color in palette |
name | string | "Oriental Pink" | The human-readable color name closest to this palette color |
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 | The relative luminance (WCAG) of the color, from 0 (black) to 1 (white) |
isDark | boolean | true | Whether the color is perceptually dark (relative luminance below 0.5) |
textColor | string | "#FFFFFF" | The recommended HEX text color (white or black) to overlay on this color for legibility |
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, ...] | The palette colors as plain lowercase HEX strings without the # prefix, in the same order as colorPalette |
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 | Unix timestamp in milliseconds when the generated palette image download URL expires |
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