# UI Color Palette ## Figma plugin - [Welcome aboard!](https://docs.ui-color-palette.com/readme.md): Get started quickly! - [Glossary](https://docs.ui-color-palette.com/glossary.md) - [Why should you avoid RBG and HSL color spaces?](https://docs.ui-color-palette.com/introduction/what-is-the-lch-model.md) - [How UI Color Palette on Figma works](https://docs.ui-color-palette.com/introduction/how-ui-color-palette-on-figma-works.md) - [The difference between /one and /figma](https://docs.ui-color-palette.com/introduction/the-difference-between-one-and-figma.md) - [Plugin capabilities on Figma products](https://docs.ui-color-palette.com/introduction/plugin-capabilities-on-figma-products.md) - [Palette publication lifecycle](https://docs.ui-color-palette.com/introduction/palette-publication-lifecycle.md) - [Understanding free and Pro](https://docs.ui-color-palette.com/introduction/free-and-pro.md) - [Create a color palette](https://docs.ui-color-palette.com/guides/create-a-color-palette.md): Learn how to create a color palette and start managing it right away. Use generation tools to define source colors, or start from scratch. - [Master a color palette](https://docs.ui-color-palette.com/guides/master-a-color-palette.md): Learn how to master a color palette to adjust every parameter to create the best color palette that suits your organisation's culture and brand's language. - [Manage a color palette](https://docs.ui-color-palette.com/guides/manage-a-color-palette.md): Learn how to manage and save a palette, iterate, and create modes to divide the palette for specific needs (e.g., light, dark, protanomaly). - [Generate a color palette documentation](https://docs.ui-color-palette.com/guides/generate-a-color-palette-documentation.md): Learn how to create comprehensive documentation of your color palette (or primitives) accessible from your Figma document. - [Export a color palette to code](https://docs.ui-color-palette.com/guides/export-a-color-palette-to-code.md): Learn how to export your color palette to a batch of formats, from agnostic data to a specific one suitable for frameworks and libraries. - [Sync a color palette to the local library](https://docs.ui-color-palette.com/guides/sync-a-color-palette-to-the-local-library.md): Learn how to synchronize your color palette with local styles and variables, enabling its publication across projects and teams. - [Publish and synchronize a color palette](https://docs.ui-color-palette.com/guides/publish-and-synchronize-a-color-palette.md): Learn how to publish and synchronize a color palette for seamless integration across design tools supported by UI Color Palette, and to hunt shared palettes. - [Update your preferences](https://docs.ui-color-palette.com/user-management/update-your-preferences.md) - [Manage your license・/one](https://docs.ui-color-palette.com/user-management/manage-your-license-one.md) - [Plans](https://docs.ui-color-palette.com/user-management/plans.md) - [UI Color Palette 5 Millésime migration process](https://docs.ui-color-palette.com/others/ui-color-palette-5-millesime-migration-process.md) - [Release notes](https://docs.ui-color-palette.com/others/release-notes.md) - [UI Color Palette 19](https://docs.ui-color-palette.com/others/release-notes/ui-color-palette-19.md): Get your palette closer to your source colors - [UI Color Palette 20](https://docs.ui-color-palette.com/others/release-notes/ui-color-palette-20.md): Say Hello to a better consistency! - [UI Color Palette 21](https://docs.ui-color-palette.com/others/release-notes/ui-color-palette-21.md): Align your branding with accessibility - [UI Color Palette 22](https://docs.ui-color-palette.com/others/release-notes/ui-color-palette-22.md): Let's extend UI Color Palette to Figjam - [UI Color Palette 23](https://docs.ui-color-palette.com/others/release-notes/ui-color-palette-23.md): Easily manage color spaces for better color management - [UI Color Palette 24](https://docs.ui-color-palette.com/others/release-notes/ui-color-palette-24.md): Create Color systems “like a Pro” - [UI Color Palette 25](https://docs.ui-color-palette.com/others/release-notes/ui-color-palette-25.md): 3 days to trial and get an idea - [UI Color Palette 26](https://docs.ui-color-palette.com/others/release-notes/ui-color-palette-26.md): Get ready for the last quarter! - [UI Color Palette 28](https://docs.ui-color-palette.com/others/release-notes/ui-color-palette-28.md): Enhance the Color Palette Management Experience - [UI Color Palette 29](https://docs.ui-color-palette.com/others/release-notes/ui-color-palette-29.md): Time to go Tailwind - [UI Color Palette 30](https://docs.ui-color-palette.com/others/release-notes/ui-color-palette-30.md): A step toward accessibility by design - [UI Color Palette 31](https://docs.ui-color-palette.com/others/release-notes/ui-color-palette-31.md): Enter Dev Mode - [UI Color Palette 32](https://docs.ui-color-palette.com/others/release-notes/ui-color-palette-32.md): For a better color scaling management ## Penpot plugin - [UI Color Palette for Penpot](https://docs.ui-color-palette.com/penpot/readme.md): Get started quickly! - [Glossary](https://docs.ui-color-palette.com/penpot/glossary.md) - [Why should you avoid RBG and HSL color spaces?](https://docs.ui-color-palette.com/penpot/introduction/what-is-the-lch-model.md) - [How UI Color Palette on Penpot works](https://docs.ui-color-palette.com/penpot/introduction/how-ui-color-palette-on-penpot-works.md) - [Palette publication lifecycle](https://docs.ui-color-palette.com/penpot/introduction/palette-publication-lifecycle.md) - [Understanding free and Pro](https://docs.ui-color-palette.com/penpot/introduction/free-and-pro.md) - [Create a color palette](https://docs.ui-color-palette.com/penpot/guides/create-a-color-palette.md): Learn how to create a color palette and start managing it right away. Use generation tools to define source colors, or start from scratch. - [Master a color palette](https://docs.ui-color-palette.com/penpot/guides/master-a-color-palette.md): Learn how to master a color palette to adjust every parameter to create the best color palette that suits your organisation's culture and brand's language. - [Manage a color palette](https://docs.ui-color-palette.com/penpot/guides/manage-a-color-palette.md): Learn how to manage and save a palette, iterate, and create modes to divide the palette for specific needs (e.g., light, dark, protanomaly). - [Generate a color palette documentation](https://docs.ui-color-palette.com/penpot/guides/generate-a-color-palette-documentation.md): Learn how to create comprehensive documentation of your color palette (or primitives) accessible from your Penpot document. - [Export a color palette to code](https://docs.ui-color-palette.com/penpot/guides/export-a-color-palette-to-code.md): Learn how to export your color palette to a batch of formats, from agnostic data to a specific one suitable for frameworks and libraries. - [Sync a color palette to the local library](https://docs.ui-color-palette.com/penpot/guides/sync-a-color-palette-to-the-local-library.md): Learn how to synchronize your color palette with document styles and variables, enabling its publication across projects and teams. - [Sync a color palette to tokens](https://docs.ui-color-palette.com/penpot/guides/sync-a-color-palette-to-tokens.md): Learn how to synchronize your color palette with Penpot design tokens directly, without any manual export or import. - [Publish and synchronize a color palette](https://docs.ui-color-palette.com/penpot/guides/publish-and-synchronize-a-color-palette.md): Learn how to publish and synchronize a color palette for seamless integration across design tools supported by UI Color Palette, and to hunt shared palettes. - [Update your preferences](https://docs.ui-color-palette.com/penpot/user-management/update-your-preferences.md) - [Manage your license](https://docs.ui-color-palette.com/penpot/user-management/manage-your-license.md) - [Plans](https://docs.ui-color-palette.com/penpot/user-management/plans.md) ## Sketch plugin - [UI Color Palette for Sketch](https://docs.ui-color-palette.com/sketch/readme.md): Get started quickly! - [Glossary](https://docs.ui-color-palette.com/sketch/glossary.md) - [Why should you avoid RBG and HSL color spaces?](https://docs.ui-color-palette.com/sketch/introduction/what-is-the-lch-model.md) - [How UI Color Palette on Sketch works](https://docs.ui-color-palette.com/sketch/introduction/how-ui-color-palette-on-sketch-works.md) - [Palette publication lifecycle](https://docs.ui-color-palette.com/sketch/introduction/palette-publication-lifecycle.md) - [Understanding free and Pro](https://docs.ui-color-palette.com/sketch/introduction/free-and-pro.md) - [Create a color palette](https://docs.ui-color-palette.com/sketch/guides/create-a-color-palette.md): Learn how to create a color palette and start managing it right away. Use generation tools to define source colors, or start from scratch. - [Master a color palette](https://docs.ui-color-palette.com/sketch/guides/master-a-color-palette.md): Learn how to master a color palette to adjust every parameter to create the best color palette that suits your organisation's culture and brand's language. - [Manage a color palette](https://docs.ui-color-palette.com/sketch/guides/manage-a-color-palette.md): Learn how to manage and save a palette, iterate, and create modes to divide the palette for specific needs (e.g., light, dark, protanomaly). - [Generate a color palette documentation](https://docs.ui-color-palette.com/sketch/guides/generate-a-color-palette-documentation.md): Learn how to create comprehensive documentation of your color palette (or primitives) accessible from your Sketch document. - [Export a color palette to code](https://docs.ui-color-palette.com/sketch/guides/export-a-color-palette-to-code.md): Learn how to export your color palette to a batch of formats, from agnostic data to a specific one suitable for frameworks and libraries. - [Sync a color palette to the local library](https://docs.ui-color-palette.com/sketch/guides/sync-a-color-palette-to-the-local-library.md): Learn how to synchronize your color palette with local styles and variables, enabling its publication across documents and workspaces. - [Publish and synchronize a color palette](https://docs.ui-color-palette.com/sketch/guides/publish-and-synchronize-a-color-palette.md): Learn how to publish and synchronize a color palette for seamless integration across design tools supported by UI Color Palette, and to hunt shared palettes. - [Update your preferences](https://docs.ui-color-palette.com/sketch/user-management/update-your-preferences.md) - [Manage your license](https://docs.ui-color-palette.com/sketch/user-management/manage-your-license.md) - [Plans](https://docs.ui-color-palette.com/sketch/user-management/plans.md) ## Framer plugin - [UI Color Palette for Framer](https://docs.ui-color-palette.com/framer/readme.md): Get started quickly! - [Glossary](https://docs.ui-color-palette.com/framer/glossary.md) - [Why should you avoid RBG and HSL color spaces?](https://docs.ui-color-palette.com/framer/introduction/what-is-the-lch-model.md) - [How UI Color Palette on Framer works](https://docs.ui-color-palette.com/framer/introduction/how-ui-color-palette-on-framer-works.md) - [Palette publication lifecycle](https://docs.ui-color-palette.com/framer/introduction/palette-publication-lifecycle.md) - [Understanding free and Pro](https://docs.ui-color-palette.com/framer/introduction/free-and-pro.md) - [Create a color palette](https://docs.ui-color-palette.com/framer/guides/create-a-color-palette.md): Learn how to create a color palette and start managing it right away. Use generation tools to define source colors, or start from scratch. - [Master a color palette](https://docs.ui-color-palette.com/framer/guides/master-a-color-palette.md): Learn how to master a color palette to adjust every parameter to create the best color palette that suits your organisation's culture and brand's language. - [Manage a color palette](https://docs.ui-color-palette.com/framer/guides/manage-a-color-palette.md): Learn how to manage and save a palette, iterate, and create modes to divide the palette for specific needs (e.g., light, dark, protanomaly). - [Generate a color palette documentation](https://docs.ui-color-palette.com/framer/guides/generate-a-color-palette-documentation.md): Learn how to create comprehensive documentation of your color palette (or primitives) accessible from your Framer document. - [Sync a color palette to the local library](https://docs.ui-color-palette.com/framer/guides/sync-a-color-palette-to-the-local-library.md): Learn how to synchronize your color palette with local styles and variables, enabling its publication across projects and teams. - [Publish and synchronize a color palette](https://docs.ui-color-palette.com/framer/guides/publish-and-synchronize-a-color-palette.md): Learn how to publish and synchronize a color palette for seamless integration across design tools supported by UI Color Palette, and to hunt shared palettes. - [Update your preferences](https://docs.ui-color-palette.com/framer/user-management/update-your-preferences.md) - [Manage your license](https://docs.ui-color-palette.com/framer/user-management/manage-your-license.md) - [Plans](https://docs.ui-color-palette.com/framer/user-management/plans.md) ## Claude plugin - [UI Color Palette for Claude](https://docs.ui-color-palette.com/claude/readme.md): A Claude Code plugin for designing color palettes, auditing contrast, generating tokens, and syncing to design tools - [Configuration](https://docs.ui-color-palette.com/claude/configuration.md): User configuration, MCP servers, and settings for the UI Color Palette Claude plugin - [Skills](https://docs.ui-color-palette.com/claude/skills.md): Core skills for the UI Color Palette workflow — source colors, palette building, code export, auditing, and palette management - [Platform integrations](https://docs.ui-color-palette.com/claude/platforms.md): Push palettes to Figma, Penpot, Framer, and Sketch via MCP - [Agents](https://docs.ui-color-palette.com/claude/agents.md): Specialized sub-agents that handle focused tasks within the UI Color Palette workflow - [Community skills](https://docs.ui-color-palette.com/claude/community-skills.md): Third-party skills bundled with the plugin for design tool and developer workflows ## API Reference - [Welcome](https://docs.ui-color-palette.com/api-reference/welcome.md) - [Getting started](https://docs.ui-color-palette.com/api-reference/welcome/getting-started.md) - [Endpoints at a glance](https://docs.ui-color-palette.com/api-reference/welcome/endpoints-at-a-glance.md) - [Code export formats](https://docs.ui-color-palette.com/api-reference/welcome/code-export-formats.md) - [Palette](https://docs.ui-color-palette.com/api-reference/palette.md) - [AI](https://docs.ui-color-palette.com/api-reference/ai.md) - [Authentication](https://docs.ui-color-palette.com/api-reference/authentication.md) - [Community](https://docs.ui-color-palette.com/api-reference/community.md) - [Models](https://docs.ui-color-palette.com/api-reference/models.md) ## MCP - [UI Color Palette MCP](https://docs.ui-color-palette.com/mcp/readme.md): Connect any AI assistant to UI Color Palette via the Model Context Protocol - [Authentication](https://docs.ui-color-palette.com/mcp/authentication.md): How to authenticate with the MCP server to access community tools - [Schemas](https://docs.ui-color-palette.com/mcp/schemas.md): Data structures used across MCP tool inputs - [Palette tools](https://docs.ui-color-palette.com/mcp/tools/palette.md): Tools for generating, previewing, and exporting color palettes — no authentication required - [Community tools](https://docs.ui-color-palette.com/mcp/tools/community.md): Tools for publishing and managing palettes in the community — authentication required ## Legal - [UI Color Palette legal documents](https://docs.ui-color-palette.com/legal/readme.md) - [Terms and Conditions](https://docs.ui-color-palette.com/legal/terms-and-conditions.md): Last updated: May 15, 2026 - [Privacy Policy](https://docs.ui-color-palette.com/legal/privacy-policy.md): Last updated: May 15, 2026 - [Cookies Policy](https://docs.ui-color-palette.com/legal/cookies-policy.md): Last updated: August 14, 2025 - [Terms of Sale](https://docs.ui-color-palette.com/legal/terms-of-sale.md): Last updated: May 6, 2026 - [License](https://docs.ui-color-palette.com/legal/license.md)