Color Palette Generator

Agent Invocation

REST API

curl "https://aidevhub.io/api/color-palette/generate/?color=%233b82f6&scheme=analogous"

const res = await fetch("https://aidevhub.io/api/color-palette//api/color-palette/generate/", {
  method: "GET",
  headers: { "Content-Type": "application/json" },
  body: JSON.stringify({
  "color": "#3b82f6",
  "scheme": "analogous"
}),
});
const data = await res.json();
console.log(data);

import requests

res = requests.post(
    "https://aidevhub.io/api/color-palette//api/color-palette/generate/",
    json={"color":"#3b82f6","scheme":"analogous"},
)
print(res.json())

{
  "colors": [
    {
      "hex": "#3b82f6",
      "name": "Dodger Blue"
    }
  ]
}

How to Use Color Palette Generator

1. 1

   Pick your primary color

   Use the color picker or enter a HEX value to select a base color. This anchors your palette; all generated colors relate harmoniously to it.

2. 2

   Choose a harmony rule

   Click a harmony button: Complementary (opposite), Analogous (adjacent), Triadic (three spaced), Tetradic (four-square), or Monochromatic. See colors regenerate instantly.

3. 3

   Customize individual colors and lock favorites

   Click the color picker icon on each swatch to manually edit. Click the lock icon to freeze colors when regenerating. Click 'Show Shades' to see lightness variations.

4. 4

   Export palette in your format

   Select export format (CSS, SCSS, Tailwind, JSON, array) and copy or download. Use directly in your stylesheet or design system.

5. 5

   Test accessibility

   Check WCAG contrast ratios at the bottom. Green ✓ means AA-compliant text. Use the suggestions to ensure readable color pairs.

Frequently Asked Questions