Radix Colors by WorkOS (Radix)

Radix Colors popularity

Downloads from api.npmjs.org, stars and forks from GitHub, checked Oct 22, 2026. How the Gid Score is calculated.

- Radix Colors (Color palettes and gradients). Open-source color system: 12-step accessible scales with alpha, dark mode and P3 variants, shipped as CSS/JS via npm. Price: free; commercial use OK; no credit needed.
  Connect: npm @radix-ui/colors.
  Get files: npm install @radix-ui/colors (also yarn/pnpm); CDN files exist for prototyping only; docs: radix-ui.com/colors/docs/overview/installation (css, json).
  Not allowed: Keep the MIT copyright notice
  Not allowed: CDN import not recommended in production by the docs
  Rule: Keep the MIT copyright and permission notice in copies or substantial portions of the software.
  Rule: Keep the MIT copyright and permission notice.
  License: https://github.com/radix-ui/colors/blob/main/LICENSE (checked 2026-10-21; details: https://agentgid.com/assets/radix-colors/)

Paste it into your prompt or AGENTS.md. It is built from the license and API terms below.

License

Connect it to an agent

Use it in your stack

npm install @radix-ui/colors

@import "@radix-ui/colors/gray.css";
@import "@radix-ui/colors/blue.css";
@import "@radix-ui/colors/gray-dark.css";
@import "@radix-ui/colors/blue-dark.css";

.button {
  background-color: var(--blue-4);
  color: var(--blue-11);
  border-color: var(--blue-7);
}
.button:hover {
  background-color: var(--blue-5);
  border-color: var(--blue-8);
}

Pricing

Sources

Read on Oct 21, 2026: radix-ui.com/colors, radix-ui.com/colors/docs/overview/installation, github.com/radix-ui/colors, raw.githubusercontent.com/radix-ui/colors/main/LICENSE.

Not confirmed: Tailwind and Figma exports not confirmed on the pages read.

Not legal advice. Check the license page before you ship.