# Radix Colors — card for AI agents

Open-source color system: 12-step accessible scales with alpha, dark mode and P3 variants, shipped as CSS/JS via npm.

Category: Color palettes and gradients · maker WorkOS (Radix) · checked 2026-10-21

## Price
- Price: Free
- Free tier: Fully free.

## License
MIT — https://github.com/radix-ui/colors/blob/main/LICENSE

- commercial: **yes** (Commercial use OK)
  > Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction
  (https://github.com/radix-ui/colors/blob/main/LICENSE)
- attribution: **no** (No credit needed)
- in app: **yes** (Can ship inside your app)
  > Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction
  (https://github.com/radix-ui/colors/blob/main/LICENSE)

## Rules to follow
- Keep the MIT copyright and permission notice in copies or substantial portions of the software.
- Keep the MIT copyright and permission notice.

## How an agent gets files
- npm install @radix-ui/colors (also yarn/pnpm); CDN files exist for prototyping only; docs: radix-ui.com/colors/docs/overview/installation. (sign-in: none)
- Formats: css, json
- Not allowed: Keep the MIT copyright notice
- Not allowed: CDN import not recommended in production by the docs

## HTML/CSS (official example, https://www.radix-ui.com/colors/docs/overview/usage)

```
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);
}
```

## How to connect
- Package (npm/PyPI)
- API docs: https://www.radix-ui.com/colors/docs/overview/installation
- npm: `npm install @radix-ui/colors`
- Repository: https://github.com/radix-ui/colors
- Website: https://www.radix-ui.com/colors

## Notes
Package version 3.0.0; last repo push 2025-12-17. MIT text read from the repo LICENSE file; the quote is the standard MIT grant (README says Licensed under the MIT License).

## Numbers (AgentGid data)
- Gid Score: 42.2
- GitHub stars: 1,716
- Downloads last week: 1,874,363
- Used in 11 public projects set up for AI coding agents

## Lines to paste into your prompt or AGENTS.md

```
- 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/)
```

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

## Links
- AgentGid page: https://agentgid.com/assets/radix-colors/
- Is it free for commercial use? https://agentgid.com/assets/radix-colors/commercial-use/
- Source: https://www.radix-ui.com/colors
- Source: https://www.radix-ui.com/colors/docs/overview/installation
- Source: https://github.com/radix-ui/colors
- Source: https://raw.githubusercontent.com/radix-ui/colors/main/LICENSE

---
AgentGid's catalog is curated: every entry was checked against the maker's official pages (registry, repository, license and pricing pages) on the date shown; a license value shows the quote it stands on wherever AgentGid has one. Usage numbers come from AgentGid's own scan of public repositories set up for AI coding agents. Claims by makers are reported, not tested by AgentGid.