Color Palette API

Extract brand colors and palettes from any website automatically

Get dominant colors, accent hues, and complete color palettes with hex codes and WCAG contrast ratios. Built for dashboards, design systems, and brand enrichment.

Get 1000 free credits when you create an account.

GET /api/v1/extract200 OK
{
  "colors": ["#635BFF", "#0A2540", "#00D924"],
  "colorPalette": {
    "dominant": { "hex": "#635BFF", "label": "Primary Blue" },
    "accent": { "hex": "#00D924", "label": "Accent Green" },
    "background": { "hex": "#0A2540", "label": "Dark Navy" }
  },
  "contrastRatios": {
    "dominantOnWhite": 4.2,
    "accentOnWhite": 2.1,
    "backgroundOnWhite": 13.5
  }
}

How it works

One API call to extract brand colors from any website.

1
Send a URL
POST the target website URL. Brandohue fetches and renders the page to analyze its visual design.
2
CSS + image analysis
Our algorithm analyzes CSS styles, inline colors, and logo images to identify brand colors.
3
Get the palette
Receive hex codes, color labels, usage frequency, and WCAG contrast ratios in structured JSON.

Color Detection Features

Comprehensive color intelligence for any website.

Dominant Color Extraction
Analyzes the website's CSS, images, and visual elements to identify the most prominent brand color — typically the primary brand hue used across the site.
Accent & Secondary Colors
Detects accent colors, secondary hues, and complementary tones used in buttons, links, highlights, and interactive elements.
Complete Palette Generation
Builds a coherent 5-color brand palette from dominant and accent colors, including light/dark variants suitable for UI design systems.
Accessibility-Aware
Returns WCAG contrast ratios and identifies which color combinations meet accessibility standards for text and UI elements.

Use Cases

How developers and designers use the Color Palette API.

Dashboards & Admin Panels
Auto-theme customer widgets, charts, and UI components with brand colors.
Design Systems
Build dynamic design tokens and theme generators powered by website color extraction.
Brand Monitoring
Track visual brand changes over time and monitor brand consistency across properties.
Competitive Analysis
Analyze competitor color palettes and brand positioning through visual identity data.
CRM Enrichment
Enrich company profiles with brand colors for visually rich account cards.
Directory Listings
Color-code business directories and partner hubs using extracted brand colors.

Part of the Brandohue Platform

The Color Palette API is one of four brand intelligence APIs available on Brandohue.

Logo API
High-resolution company logos
Favicon API
All favicon formats in one call
Brand Metadata API
OG tags, Twitter cards, JSON-LD

Frequently Asked Questions

How does Brandohue extract brand colors from a website?
Brandohue analyzes the website's CSS stylesheets, inline styles, logo images, and rendered DOM to identify the most frequent and prominent colors. The algorithm considers color usage in headers, buttons, links, backgrounds, and brand elements to determine the dominant brand color and supporting palette. Results are returned as hex codes with WCAG contrast information.
How accurate is the brand color extraction?
Accuracy varies by website complexity. For sites with clean, well-structured CSS and explicit brand color usage, accuracy is very high (the dominant color matches the declared brand color in 90%+ of cases). For sites with minimal styling or heavy image-based design, Brandohue uses logo color extraction as a fallback to identify brand colors.
What does the color palette response look like?
The API returns a `colors` array of hex codes (e.g., `["#635BFF", "#0A2540", "#00D924"]`), plus a `colorPalette` object with labeled fields: `dominant`, `accent`, `secondary`, `background`, and `text`. Each color includes its hex value, usage frequency, and WCAG contrast ratios against common backgrounds.
Can I use the color API for dynamic theming?
Yes. Many customers use Brandohue to auto-theme dashboards, widgets, and UI components. Extract a company's brand colors, then apply them as CSS custom properties or design tokens. This creates a native-feeling branded experience without manual color configuration.
What are the limitations of automated color extraction?
Automated color extraction works best with well-structured, modern websites. Limitations include: sites that use primarily images with little CSS, sites with minimal color differentiation, and sites that use gradient-heavy designs where dominant color detection can be ambiguous. Brandohue provides confidence scores so you can decide when to use extracted colors.
Do you support SVG and image-based color extraction?
Yes. Brandohue includes logo image analysis as part of its color extraction pipeline. For sites where CSS-based color detection returns low confidence, the algorithm samples the logo image to extract dominant brand colors. This combined approach gives the best results across the widest range of websites.
How does the Color Palette API compare to the Logo API?
The Logo API returns visual assets (image URLs), while the Color Palette API returns color data (hex codes, palettes, contrast info). Brandohue provides both in a single API call, so you can get the logo image AND its colors from one request. Use them together for complete visual brand intelligence.
Ready to get started?
Create a free account and get 1000 credits to start extracting brand intelligence from any website.