{"uid":"cap_RNNB4sVkAZBfol-vfQObg","slug":"saylor-innovations-color-palette-generator-beaf29cb","name":"Saylor Innovations Color Palette Generator","description":"Color palette from a hex color - complementary, split, analogous, triadic and tetradic harmonies, a 50 to 950 scale, tints, shades and WCAG contrast ratios","url":"https://saylorinnovations.com/api/design/palette?utm_source=zero.xyz","method":"GET","headers":{},"bodySchema":{"type":"object","$schema":"https://json-schema.org/draft/2020-12/schema","required":["input"],"properties":{"input":{"type":"object","required":["type","method"],"properties":{"type":{"type":"string","const":"http"},"method":{"enum":["GET"],"type":"string"},"queryParams":{"type":"object","required":["color"],"properties":{"color":{"type":"string","description":"Hex color such as 3366ff or #36f"}}}},"additionalProperties":false},"output":{"type":"object","required":["type"],"properties":{"type":{"type":"string","const":"json"},"example":{"type":"object","required":["input","harmonies","scale_50_to_950"],"properties":{"hsl":{"type":"object","properties":{"h":{"type":["number","null"],"description":"Hue in degrees"},"l":{"type":["number","null"],"description":"Lightness in percent"},"s":{"type":["number","null"],"description":"Saturation in percent"}},"description":"Hue, saturation and lightness"},"rgb":{"type":"object","properties":{"b":{"type":["number","null"],"description":"Blue 0-255"},"g":{"type":["number","null"],"description":"Green 0-255"},"r":{"type":["number","null"],"description":"Red 0-255"}},"description":"Red, green and blue channels"},"base":{"type":"object","properties":{"hex":{"type":["string","null"],"description":"Normalised hex colour"},"readable_text":{"type":["string","null"],"description":"Readable text"},"contrast_on_black":{"type":["number","null"],"description":"Contrast on black"},"contrast_on_white":{"type":["number","null"],"description":"Contrast on white"}},"description":"Base asset or base currency"},"note":{"type":"string","description":"Caveat or context for reading the result"},"input":{"type":"string","description":"The colour that was normalised"},"tints":{"type":"array","items":{"type":"object","properties":{"hex":{"type":["string","null"],"description":"Hex colour of the tint"},"mix_with_white_percent":{"description":"Mix with white, as a percentage"}}},"description":"Lighter mixes with white"},"shades":{"type":"array","items":{"type":"object","properties":{"hex":{"type":["string","null"],"description":"Hex colour of the shade"},"mix_with_black_percent":{"description":"Mix with black, as a percentage"}}},"description":"Darker mixes with black"},"source":{"type":"string","description":"Data source the values come from"},"harmonies":{"type":"object","description":"Complementary, split, analogous, triadic and tetradic colours with contrast ratios"},"temperature":{"type":"string","description":"Whether the colour reads warm, cool or neutral"},"css_variables":{"type":"string","description":"Css variables"},"scale_50_to_950":{"type":"object","description":"Scale 50 to 950"}}}}}}},"responseSchema":null,"example":null,"exampleRequest":null,"tags":["x402"],"displayCostAmount":"0.01","displayCostAsset":"USDC","priceDynamic":false,"priceHint":null,"priceStatus":"priced","priceSource":"probe","requiresHandshake":false,"reviewCount":0,"rating":{"score":"0.00","successRate":"0.00","reviews":0,"stars":null,"state":"unrated"},"availabilityStatus":"unknown","priceObserved":null,"sessionDeposit":null,"pricing":{"kind":"static","summary":"$0.01/call","primary":{"kind":"static","protocol":"x402","network":"base","amountUsd":"0.01","per":"call","confidence":"exact"},"accepted":[{"kind":"static","protocol":"x402","network":"base","amountUsd":"0.01","per":"call","confidence":"exact"}]},"paymentMethods":[{"uid":"pm_-8Nn0M9wmLkqGbmifig45","protocol":"x402","methodType":"crypto","chain":"base","mode":"charge","costAmount":"0.01","costPer":"request","priority":0,"asset":"0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913","unit":"request","depositMicros":null,"planRef":null}],"brandName":null,"brandSlug":null,"brandBaseUrl":null,"brandDocsUrl":null,"whatItDoes":"Generates a full color palette from a hex color, including complementary, split, analogous, triadic, and tetradic harmonies, a 50–950 tonal scale, tints, shades, and WCAG contrast ratios","exampleAgentPrompt":"Can you generate a full color palette for the hex color #3366FF, including all the harmonies like complementary, triadic, and analogous, plus the tonal scale and WCAG contrast ratios?","exampleUseCases":[{"title":"Brand color system generation","prompt":"I'm building a design system around our brand color #E84C3D — can you give me the full palette with complementary, analogous, and triadic harmonies, a 50–950 tonal scale, and the WCAG contrast ratios so I know what text colors are accessible on it?"},{"title":"Accessible UI color check","prompt":"I need to check if my button color #28A745 is accessible — can you pull the WCAG contrast ratios on white and black backgrounds, and also give me the tints and shades for hover and active states?"},{"title":"Tetradic palette for a mood board","prompt":"I'm putting together a mood board and want a tetradic color scheme based on #7B2D8B — can you generate all the harmonies and the full tonal scale so I have plenty of options to work with?"}],"resultDescription":"Returns the input color normalized to hex, RGB channels (r, g, b 0–255), HSL values (hue in degrees, saturation and lightness in percent), a 50–950 tonal scale with tints and shades, color harmonies (complementary, split-complementary, analogous, triadic, tetradic), WCAG contrast ratios against black and white, and a recommended readable text color for overlay use.","failureModes":["Invalid or missing hex color parameter returns an error","Malformed hex codes (e.g. wrong length, non-hex characters) may return a validation error or unexpected results","Very short hex codes (1–2 characters) may not be interpretable","Network or upstream service errors may result in HTTP 5xx responses"],"whenToPreferThis":"Choose this endpoint when you need a comprehensive, ready-to-use color palette derived from a single hex color, especially when you need WCAG accessibility data alongside design harmonies and a full tonal scale. It is ideal for design-system automation, brand color expansion, and accessibility auditing in a single call rather than stitching together multiple color-theory tools.","instructions":null,"reviewSummary":null,"reviewSummaryHighlights":null,"reviewSummaryConcerns":null,"reviewSummaryGeneratedAt":null,"activationCount":0,"lastUsedAt":null,"lastSuccessfullyRanAt":null,"lastHealthCheckAt":"2026-10-18T12:56:27.611Z","isFirstParty":false,"canonicalSlug":"saylor-innovations-color-palette-generator-beaf29cb"}