Color Utilities

Tetradic Colors

Generates tetradic color schemes by finding four colors that form a rectangle on the color wheel, spaced 90° apart. Access via MCP in Cursor or Windsurf, or call GET /v1/color/tetradic with a base color. Returns complementary pairs with maximum contrast while maintaining visual harmony. Perfect for creating balanced palettes in design systems.

API Endpoint

GET /v1/color/tetradic

Code Examples

curl "https://tinyfn.io/v1/color/tetradic" \
  -H "X-API-Key: YOUR_API_KEY"
const response = await fetch('https://tinyfn.io/v1/color/tetradic', {
  headers: { 'X-API-Key': 'YOUR_API_KEY' }
});
const data = await response.json();
console.log(data);
import requests

response = requests.get('https://tinyfn.io/v1/color/tetradic',
    headers={'X-API-Key': 'YOUR_API_KEY'})
data = response.json()
print(data)

Use via MCP

Add to your AI agent

Connect your AI agent (Claude, Cursor, Windsurf, etc.) to TinyFn's color tools:

{
  "mcpServers": {
    "tinyfn-color": {
      "url": "https://tinyfn.io/mcp/color",
      "headers": {
        "X-API-Key": "YOUR_API_KEY"
      }
    }
  }
}

Learn more about MCP setup →

Related Tools

Hex To Hsl
Convert hex color to HSL.
Hsl To Hex
Convert HSL to hex color.
Hex To Hsv
Convert hex color to HSV.
Hsv To Hex
Convert HSV to hex color.
Hex To Cmyk
Convert hex color to CMYK.
Cmyk To Hex
Convert CMYK to hex color.
Lighten Color
Lighten a color by a percentage.
Darken Color
Darken a color by a percentage.

FAQ

What is a tetradic color scheme and how does it work?

A tetradic scheme uses four colors positioned at 90° intervals on the color wheel, forming a rectangle. This creates two complementary pairs with high contrast but balanced visual weight.

How do I get tetradic colors for a specific hex color using MCP?

Use the tetradic_colors tool in your AI editor with a hex color like #FF6B6B. It returns the three additional colors that complete the tetradic rectangle.

What color formats does the tetradic endpoint accept and return?

Accepts hex, RGB, HSL, and HSV input formats. Returns all four colors in multiple formats including hex, RGB, HSL, and color names when available.

When should I use tetradic vs triadic color schemes?

Use tetradic for designs needing more color variety and two complementary pairs. Triadic offers simpler harmony with three evenly spaced colors at 120° intervals.

Can tetradic colors work for accessible design systems?

Yes, but check contrast ratios between the returned colors and backgrounds. Tetradic schemes provide good contrast naturally, but accessibility compliance requires specific luminance testing.

Try Tetradic Colors Now

Get your free API key and start using Tetradic Colors in seconds.

Get Free API Key