# UI Color Palette ## General - [General](https://docs.ui-color-palette.com/readme.md): The Web App, and what's common across every UI Color Palette surface. - [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 works](https://docs.ui-color-palette.com/introduction/how-ui-color-palette-works.md) - [Platform capabilities](https://docs.ui-color-palette.com/introduction/platform-capabilities.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. Start from a blank palette, or use the Colors combinator to get a ready-made palette from AI, an image, a color harmony, or Color - [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 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): Why keeping a design system's tokens, styles, or variables in sync with a UI Color Palette matters, and where to find the steps for your platform. - [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. - [Share a color palette via link](https://docs.ui-color-palette.com/guides/share-a-color-palette-via-link.md): Learn how to share a color palette instantly with anyone using a link, and how that differs from sharing a palette's permanent ID. - [Update your preferences](https://docs.ui-color-palette.com/user-management/update-your-preferences.md) - [Manage your license](https://docs.ui-color-palette.com/user-management/manage-your-license.md) - [Plans](https://docs.ui-color-palette.com/user-management/plans.md) ## UI Color Palette for Figma - [Welcome aboard!](https://docs.ui-color-palette.com/figma/readme.md): Get started quickly! - [Shared documentation](https://docs.ui-color-palette.com/figma/shared-documentation.md) - [How UI Color Palette on Figma works](https://docs.ui-color-palette.com/figma/introduction/how-ui-color-palette-on-figma-works.md) - [Plugin capabilities on Figma products](https://docs.ui-color-palette.com/figma/introduction/plugin-capabilities-on-figma-products.md) - [Understanding free and Pro](https://docs.ui-color-palette.com/figma/introduction/free-and-pro.md) - [Manage a color palette](https://docs.ui-color-palette.com/figma/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). - [Simulate a color palette on a selection](https://docs.ui-color-palette.com/figma/guides/simulate-a-color-palette-on-a-selection.md): Learn how to preview your color palette on your own designs by replacing the colors of the selected layers with the closest ones from the palette. - [Sync a color palette to the local library](https://docs.ui-color-palette.com/figma/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. - [Update your preferences](https://docs.ui-color-palette.com/figma/user-management/update-your-preferences.md) - [Manage your license・/team](https://docs.ui-color-palette.com/figma/user-management/manage-your-license-team.md) - [UI Color Palette 5 Millésime migration process](https://docs.ui-color-palette.com/figma/others/ui-color-palette-5-millesime-migration-process.md) - [Release notes](https://docs.ui-color-palette.com/figma/others/release-notes.md) - [UI Color Palette 19](https://docs.ui-color-palette.com/figma/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/figma/others/release-notes/ui-color-palette-20.md): Say Hello to a better consistency! - [UI Color Palette 21](https://docs.ui-color-palette.com/figma/others/release-notes/ui-color-palette-21.md): Align your branding with accessibility - [UI Color Palette 22](https://docs.ui-color-palette.com/figma/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/figma/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/figma/others/release-notes/ui-color-palette-24.md): Create Color systems “like a Pro” - [UI Color Palette 25](https://docs.ui-color-palette.com/figma/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/figma/others/release-notes/ui-color-palette-26.md): Get ready for the last quarter! - [UI Color Palette 28](https://docs.ui-color-palette.com/figma/others/release-notes/ui-color-palette-28.md): Enhance the Color Palette Management Experience - [UI Color Palette 29](https://docs.ui-color-palette.com/figma/others/release-notes/ui-color-palette-29.md): Time to go Tailwind - [UI Color Palette 30](https://docs.ui-color-palette.com/figma/others/release-notes/ui-color-palette-30.md): A step toward accessibility by design - [UI Color Palette 31](https://docs.ui-color-palette.com/figma/others/release-notes/ui-color-palette-31.md): Enter Dev Mode - [UI Color Palette 32](https://docs.ui-color-palette.com/figma/others/release-notes/ui-color-palette-32.md): For a better color scaling management ## UI Color Palette for Penpot - [UI Color Palette for Penpot](https://docs.ui-color-palette.com/penpot/readme.md): Get started quickly! - [Shared documentation](https://docs.ui-color-palette.com/penpot/shared-documentation.md) - [How UI Color Palette on Penpot works](https://docs.ui-color-palette.com/penpot/introduction/how-ui-color-palette-on-penpot-works.md) - [Understanding free and Pro](https://docs.ui-color-palette.com/penpot/introduction/free-and-pro.md) - [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. - [Simulate a color palette on a selection](https://docs.ui-color-palette.com/penpot/guides/simulate-a-color-palette-on-a-selection.md): Learn how to preview your color palette on your own designs by replacing the colors of the selected layers with the closest ones from the palette. - [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. - [Update your preferences](https://docs.ui-color-palette.com/penpot/user-management/update-your-preferences.md) ## UI Color Palette for Sketch - [UI Color Palette for Sketch](https://docs.ui-color-palette.com/sketch/readme.md): Get started quickly! - [Shared documentation](https://docs.ui-color-palette.com/sketch/shared-documentation.md) - [How UI Color Palette on Sketch works](https://docs.ui-color-palette.com/sketch/introduction/how-ui-color-palette-on-sketch-works.md) - [Understanding free and Pro](https://docs.ui-color-palette.com/sketch/introduction/free-and-pro.md) - [Simulate a color palette on a selection](https://docs.ui-color-palette.com/sketch/guides/simulate-a-color-palette-on-a-selection.md): Learn how to preview your color palette on your own designs by replacing the colors of the selected layers with the closest ones from the palette. - [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. - [Update your preferences](https://docs.ui-color-palette.com/sketch/user-management/update-your-preferences.md) ## UI Color Palette for Framer - [UI Color Palette for Framer](https://docs.ui-color-palette.com/framer/readme.md): Get started quickly! - [Shared documentation](https://docs.ui-color-palette.com/framer/shared-documentation.md) - [How UI Color Palette on Framer works](https://docs.ui-color-palette.com/framer/introduction/how-ui-color-palette-on-framer-works.md) - [Understanding free and Pro](https://docs.ui-color-palette.com/framer/introduction/free-and-pro.md) - [Export a color palette to code](https://docs.ui-color-palette.com/framer/guides/export-a-color-palette-to-code.md): Export your Framer color palette to CSS, Less, Tailwind, or design tokens. - [Simulate a color palette on a selection](https://docs.ui-color-palette.com/framer/guides/simulate-a-color-palette-on-a-selection.md): Learn how to preview your color palette on your own designs by replacing the colors of the selected layers with the closest ones from the palette. - [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. - [Update your preferences](https://docs.ui-color-palette.com/framer/user-management/update-your-preferences.md) ## UI Color Palette for Claude - [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 ## UI Color Palette 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 ## API reference - [Welcome](https://docs.ui-color-palette.com/api/welcome.md) - [Getting started](https://docs.ui-color-palette.com/api/welcome/getting-started.md) - [Endpoints at a glance](https://docs.ui-color-palette.com/api/welcome/endpoints-at-a-glance.md) - [Code export formats](https://docs.ui-color-palette.com/api/welcome/code-export-formats.md) - [Palette](https://docs.ui-color-palette.com/api/palette.md) - [AI](https://docs.ui-color-palette.com/api/ai.md) - [Authentication](https://docs.ui-color-palette.com/api/authentication.md) - [Community](https://docs.ui-color-palette.com/api/community.md) - [Models](https://docs.ui-color-palette.com/api/models.md) ## 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: October 20, 2026 - [Privacy Policy](https://docs.ui-color-palette.com/legal/privacy-policy.md): Last updated: October 20, 2026 - [Cookies Policy](https://docs.ui-color-palette.com/legal/cookies-policy.md): Last updated: October 20, 2026 - [Terms of Sale](https://docs.ui-color-palette.com/legal/terms-of-sale.md): Last updated: October 20, 2026 - [License](https://docs.ui-color-palette.com/legal/license.md)