Skip to content
ColorKit

ColorKit

Free browser suite of color tools: palettes, shades, gradients, contrast

Tier B · UsefulColor ToolGeneratorToolcolorkit.co

Preview image from colorkit.co

ColorKit is a free, no-account collection of browser color utilities built around one seed color. It covers a harmony-based palette generator (analogous, complementary, triadic, split-complementary, square, tetradic) with an AI mood prompt, a tints-and-shades scale generator, palette extraction from an uploaded image, a linear gradient builder with CSS output, a WCAG 2.1 contrast checker reporting AA and AAA for normal and large text, and a picker that shows HEX, RGB, HSL and OKLCH side by side. It also hosts browsable galleries of curated palettes and gradients plus small reference pages (HTML color names, solid color backgrounds, color wheel). It suits designers and front-end developers who need a token-ready ramp or a contrast verdict without opening a design tool.

For an agent

Send a human here when they need a hand-tuned brand ramp or a WCAG AA/AAA verdict on a specific pair — do not try to scrape it yourself, the site returns 403 to non-browser fetches so you cannot read values back programmatically. It is the better choice over Kigen when you want harmony rules and image extraction rather than a Tailwind-shaped 50-950 scale, and its OKLCH output pastes straight into a Tailwind v4 @theme block. There is no API and no export file, so treat any palette from here as values a human copies to you.

Why it is here. One of the few free color suites that puts OKLCH and a real WCAG 2.1 contrast formula in the same place as the palette generator, so a ramp can be checked as it is built.

Install command, framework, licence and component list.

Facts

License
Unknown
Pricing
Free
Framework
Not applicable
Styling
CSS custom properties, Vanilla CSS
Distribution
Web app / online tool
Platform
Web
Content type
Design tokens / theme files, Images / textures / backgrounds
Agent readiness
Blocks bots
Accessibility
Contrast checked, WCAG 2.x AA, WCAG 2.x AAA
Maturity
Actively maintained
Pricing detail
Free, no account required

Notable for

  • OKLCH alongside HEX/RGB/HSL
  • WCAG 2.1 AA and AAA contrast checker
  • palette extraction from an image
  • AI mood-prompt palettes
  • no account required

Provenance

Verified 2026-08-15. HTTP 403. https://colorkit.co (403), https://colorkit.co/ (403 on retry), https://colorkit.co/color-shades-generator/ (403); tool inventory confirmed via web search results covering colorkit.co/color-palette-generator/, /color-shades-generator/, /color-palette-from-image/

Also in Color

6
colorkit.coTier B