# 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) - [Fees from the credit system](https://docs.ui-color-palette.com/introduction/fees-from-the-credit-system.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) - [Fees from the credit system](https://docs.ui-color-palette.com/penpot/introduction/fees-from-the-credit-system.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/create-a-color-palette-1.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) - [Fees from the credit system](https://docs.ui-color-palette.com/sketch/introduction/fees-from-the-credit-system.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) - [Fees from the credit system](https://docs.ui-color-palette.com/framer/introduction/fees-from-the-credit-system.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) --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on a page URL with the `ask` query parameter: ``` GET https://docs.ui-color-palette.com/readme.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.