{"version":1,"pages":[{"id":"csVBdmJOHPBEJ1pRBrRt","title":"Welcome aboard!","pathname":"/","siteSpaceId":"sitesp_mnNVT","lang":"en","icon":"hand-wave","description":"Get started quickly!"},{"id":"bkPdo83CYyNZYP2P74v7","title":"Glossary","pathname":"/glossary","siteSpaceId":"sitesp_mnNVT","lang":"en","icon":"book-open","description":""},{"id":"MpHczJpbMkFhK8kIHmuZ","title":"Why should you avoid RBG and HSL color spaces?","pathname":"/introduction/what-is-the-lch-model","siteSpaceId":"sitesp_mnNVT","lang":"en","icon":"hand","description":"","breadcrumbs":[{"label":"Introduction"}]},{"id":"NzgQSlgGCLTPxHMk3m7S","title":"How UI Color Palette on Figma works","pathname":"/introduction/how-ui-color-palette-on-figma-works","siteSpaceId":"sitesp_mnNVT","lang":"en","icon":"bolt-lightning","description":"","breadcrumbs":[{"label":"Introduction"}]},{"id":"uL4MlyFDtQgnAOL5Nr2A","title":"The difference between /one and /figma","pathname":"/introduction/the-difference-between-one-and-figma","siteSpaceId":"sitesp_mnNVT","lang":"en","icon":"file-plus-minus","description":"","breadcrumbs":[{"label":"Introduction"}]},{"id":"HzkyBFT7p1cQni50dy11","title":"Plugin capabilities on Figma products","pathname":"/introduction/plugin-capabilities-on-figma-products","siteSpaceId":"sitesp_mnNVT","lang":"en","icon":"list-check","description":"","breadcrumbs":[{"label":"Introduction"}]},{"id":"2oG8QhTnw6SwF314jIR5","title":"Palette publication lifecycle","pathname":"/introduction/palette-publication-lifecycle","siteSpaceId":"sitesp_mnNVT","lang":"en","icon":"arrows-spin","description":"","breadcrumbs":[{"label":"Introduction"}]},{"id":"YPGob6UFg3GOn5fwpGLQ","title":"Fees from the credit system","pathname":"/introduction/fees-from-the-credit-system","siteSpaceId":"sitesp_mnNVT","lang":"en","icon":"square-dollar","description":"","breadcrumbs":[{"label":"Introduction"}]},{"id":"yHiuEIEmGzq4Oba6mp2S","title":"Create a color palette","pathname":"/guides/create-a-color-palette","siteSpaceId":"sitesp_mnNVT","lang":"en","icon":"palette","description":"Learn how to create a color palette and start managing it right away. Use generation tools to define source colors, or start from scratch.","breadcrumbs":[{"label":"Guides"}]},{"id":"gUOqY4oNqyxQZ0SWnD28","title":"Master a color palette","pathname":"/guides/master-a-color-palette","siteSpaceId":"sitesp_mnNVT","lang":"en","icon":"sparkles","description":"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.","breadcrumbs":[{"label":"Guides"}]},{"id":"ij0RUindKVdIyuoF56mT","title":"Manage a color palette","pathname":"/guides/manage-a-color-palette","siteSpaceId":"sitesp_mnNVT","lang":"en","icon":"sliders-up","description":"Learn how to manage and save a palette, iterate, and create modes to divide the palette for specific needs (e.g., light, dark, protanomaly).","breadcrumbs":[{"label":"Guides"}]},{"id":"NpaqFOHN5PwxARXSGdcr","title":"Generate a color palette documentation","pathname":"/guides/generate-a-color-palette-documentation","siteSpaceId":"sitesp_mnNVT","lang":"en","icon":"file-lines","description":"Learn how to create comprehensive documentation of your color palette (or primitives) accessible from your Figma document.","breadcrumbs":[{"label":"Guides"}]},{"id":"vQ7QWkCyRxbwhmzSjajB","title":"Export a color palette to code","pathname":"/guides/export-a-color-palette-to-code","siteSpaceId":"sitesp_mnNVT","lang":"en","icon":"code","description":"Learn how to export your color palette to a batch of formats, from agnostic data to a specific one suitable for frameworks and libraries.","breadcrumbs":[{"label":"Guides"}]},{"id":"3aWHZdzk1osGxXo5eUMJ","title":"Sync a color palette to the local library","pathname":"/guides/sync-a-color-palette-to-the-local-library","siteSpaceId":"sitesp_mnNVT","lang":"en","icon":"arrows-rotate-reverse","description":"Learn how to synchronize your color palette with local styles and variables, enabling its publication across projects and teams.","breadcrumbs":[{"label":"Guides"}]},{"id":"jCCgqm0UxlXO8GO7trbj","title":"Publish and synchronize a color palette","pathname":"/guides/publish-and-synchronize-a-color-palette","siteSpaceId":"sitesp_mnNVT","lang":"en","icon":"newspaper","description":"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.","breadcrumbs":[{"label":"Guides"}]},{"id":"2E6mMeEkTG2YUkoChoCB","title":"Update your preferences","pathname":"/user-management/update-your-preferences","siteSpaceId":"sitesp_mnNVT","lang":"en","icon":"ballot-check","description":"","breadcrumbs":[{"label":"User management"}]},{"id":"Y9kSODd0K0rWYNcVjbc0","title":"Manage your license・/one","pathname":"/user-management/manage-your-license-one","siteSpaceId":"sitesp_mnNVT","lang":"en","icon":"key","description":"","breadcrumbs":[{"label":"User management"}]},{"id":"YkiddYSChcZTLnKqkymA","title":"Plans","pathname":"/user-management/plans","siteSpaceId":"sitesp_mnNVT","lang":"en","icon":"circle-dollar","description":"","breadcrumbs":[{"label":"User management"}]},{"id":"ClONpcUtz7CjSkyJZxFP","title":"UI Color Palette 5 Millésime migration process","pathname":"/others/ui-color-palette-5-millesime-migration-process","siteSpaceId":"sitesp_mnNVT","lang":"en","icon":"megaphone","description":"","breadcrumbs":[{"label":"Others"}]},{"id":"K2D34iCSSU474nXWpY7o","title":"Release notes","pathname":"/others/release-notes","siteSpaceId":"sitesp_mnNVT","lang":"en","icon":"memo-pad","description":"","breadcrumbs":[{"label":"Others"}]},{"id":"a6CHhs0XboD0QfIL6j7A","title":"UI Color Palette 19","pathname":"/others/release-notes/ui-color-palette-19","siteSpaceId":"sitesp_mnNVT","lang":"en","description":"Get your palette closer to your source colors","breadcrumbs":[{"label":"Others"},{"label":"Release notes","icon":"memo-pad"}]},{"id":"wjJ94blm85gYQkcCjq0J","title":"UI Color Palette 20","pathname":"/others/release-notes/ui-color-palette-20","siteSpaceId":"sitesp_mnNVT","lang":"en","description":"Say Hello to a better consistency!","breadcrumbs":[{"label":"Others"},{"label":"Release notes","icon":"memo-pad"}]},{"id":"oRx3LmZ9rMURGycEHxV1","title":"UI Color Palette 21","pathname":"/others/release-notes/ui-color-palette-21","siteSpaceId":"sitesp_mnNVT","lang":"en","description":"Align your branding with accessibility","breadcrumbs":[{"label":"Others"},{"label":"Release notes","icon":"memo-pad"}]},{"id":"09oiJsUQFES0X9rZZLEI","title":"UI Color Palette 22","pathname":"/others/release-notes/ui-color-palette-22","siteSpaceId":"sitesp_mnNVT","lang":"en","description":"Let's extend UI Color Palette to Figjam","breadcrumbs":[{"label":"Others"},{"label":"Release notes","icon":"memo-pad"}]},{"id":"e40SraWAtDAiRWLCvcBX","title":"UI Color Palette 23","pathname":"/others/release-notes/ui-color-palette-23","siteSpaceId":"sitesp_mnNVT","lang":"en","description":"Easily manage color spaces for better color management","breadcrumbs":[{"label":"Others"},{"label":"Release notes","icon":"memo-pad"}]},{"id":"xQC6GLW1UCIblcxdxKci","title":"UI Color Palette 24","pathname":"/others/release-notes/ui-color-palette-24","siteSpaceId":"sitesp_mnNVT","lang":"en","description":"Create Color systems “like a Pro”","breadcrumbs":[{"label":"Others"},{"label":"Release notes","icon":"memo-pad"}]},{"id":"MWDUVA5AhPQ6QW0qZ2Pd","title":"UI Color Palette 25","pathname":"/others/release-notes/ui-color-palette-25","siteSpaceId":"sitesp_mnNVT","lang":"en","description":"3 days to trial and get an idea","breadcrumbs":[{"label":"Others"},{"label":"Release notes","icon":"memo-pad"}]},{"id":"lzRzCRLFJR2vkjcvYl0T","title":"UI Color Palette 26","pathname":"/others/release-notes/ui-color-palette-26","siteSpaceId":"sitesp_mnNVT","lang":"en","description":"Get ready for the last quarter!","breadcrumbs":[{"label":"Others"},{"label":"Release notes","icon":"memo-pad"}]},{"id":"3OPgGUZhmu4nyAlpNVYx","title":"UI Color Palette 28","pathname":"/others/release-notes/ui-color-palette-28","siteSpaceId":"sitesp_mnNVT","lang":"en","description":"Enhance the Color Palette Management Experience","breadcrumbs":[{"label":"Others"},{"label":"Release notes","icon":"memo-pad"}]},{"id":"6sQzngkiRGzcKCsKvhrl","title":"UI Color Palette 29","pathname":"/others/release-notes/ui-color-palette-29","siteSpaceId":"sitesp_mnNVT","lang":"en","description":"Time to go Tailwind","breadcrumbs":[{"label":"Others"},{"label":"Release notes","icon":"memo-pad"}]},{"id":"NEtQqddj9PwyNQLBgAb4","title":"UI Color Palette 30","pathname":"/others/release-notes/ui-color-palette-30","siteSpaceId":"sitesp_mnNVT","lang":"en","description":"A step toward accessibility by design","breadcrumbs":[{"label":"Others"},{"label":"Release notes","icon":"memo-pad"}]},{"id":"i4rhV1cvGkQln1eQef63","title":"UI Color Palette 31","pathname":"/others/release-notes/ui-color-palette-31","siteSpaceId":"sitesp_mnNVT","lang":"en","description":"Enter Dev Mode","breadcrumbs":[{"label":"Others"},{"label":"Release notes","icon":"memo-pad"}]},{"id":"MHScttQQiYW0rkgJ5xwD","title":"UI Color Palette 32","pathname":"/others/release-notes/ui-color-palette-32","siteSpaceId":"sitesp_mnNVT","lang":"en","description":"For a better color scaling management","breadcrumbs":[{"label":"Others"},{"label":"Release notes","icon":"memo-pad"}]},{"id":"csVBdmJOHPBEJ1pRBrRt","title":"UI Color Palette for Penpot","pathname":"/penpot","siteSpaceId":"sitesp_6TLsh","icon":"hand-wave","description":"Get started quickly!"},{"id":"bkPdo83CYyNZYP2P74v7","title":"Glossary","pathname":"/penpot/glossary","siteSpaceId":"sitesp_6TLsh","icon":"book-open","description":""},{"id":"MpHczJpbMkFhK8kIHmuZ","title":"Why should you avoid RBG and HSL color spaces?","pathname":"/penpot/introduction/what-is-the-lch-model","siteSpaceId":"sitesp_6TLsh","icon":"hand","description":"","breadcrumbs":[{"label":"Introduction"}]},{"id":"NzgQSlgGCLTPxHMk3m7S","title":"How UI Color Palette on Penpot works","pathname":"/penpot/introduction/how-ui-color-palette-on-penpot-works","siteSpaceId":"sitesp_6TLsh","icon":"bolt-lightning","description":"","breadcrumbs":[{"label":"Introduction"}]},{"id":"2oG8QhTnw6SwF314jIR5","title":"Palette publication lifecycle","pathname":"/penpot/introduction/palette-publication-lifecycle","siteSpaceId":"sitesp_6TLsh","icon":"arrows-spin","description":"","breadcrumbs":[{"label":"Introduction"}]},{"id":"bsiLsG5Qm66Er3gFWTLx","title":"Fees from the credit system","pathname":"/penpot/introduction/fees-from-the-credit-system","siteSpaceId":"sitesp_6TLsh","icon":"square-dollar","description":"","breadcrumbs":[{"label":"Introduction"}]},{"id":"yHiuEIEmGzq4Oba6mp2S","title":"Create a color palette","pathname":"/penpot/guides/create-a-color-palette","siteSpaceId":"sitesp_6TLsh","icon":"palette","description":"Learn how to create a color palette and start managing it right away. Use generation tools to define source colors, or start from scratch.","breadcrumbs":[{"label":"Guides"}]},{"id":"e2brSiJErHETjAfkrFvD","title":"Master a color palette","pathname":"/penpot/guides/create-a-color-palette-1","siteSpaceId":"sitesp_6TLsh","icon":"sparkles","description":"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.","breadcrumbs":[{"label":"Guides"}]},{"id":"ij0RUindKVdIyuoF56mT","title":"Manage a color palette","pathname":"/penpot/guides/manage-a-color-palette","siteSpaceId":"sitesp_6TLsh","icon":"sliders-up","description":"Learn how to manage and save a palette, iterate, and create modes to divide the palette for specific needs (e.g., light, dark, protanomaly).","breadcrumbs":[{"label":"Guides"}]},{"id":"NpaqFOHN5PwxARXSGdcr","title":"Generate a color palette documentation","pathname":"/penpot/guides/generate-a-color-palette-documentation","siteSpaceId":"sitesp_6TLsh","icon":"file-lines","description":"Learn how to create comprehensive documentation of your color palette (or primitives) accessible from your Penpot document.","breadcrumbs":[{"label":"Guides"}]},{"id":"vQ7QWkCyRxbwhmzSjajB","title":"Export a color palette to code","pathname":"/penpot/guides/export-a-color-palette-to-code","siteSpaceId":"sitesp_6TLsh","icon":"code","description":"Learn how to export your color palette to a batch of formats, from agnostic data to a specific one suitable for frameworks and libraries.","breadcrumbs":[{"label":"Guides"}]},{"id":"3aWHZdzk1osGxXo5eUMJ","title":"Sync a color palette to the local library","pathname":"/penpot/guides/sync-a-color-palette-to-the-local-library","siteSpaceId":"sitesp_6TLsh","icon":"arrows-rotate-reverse","description":"Learn how to synchronize your color palette with document styles and variables, enabling its publication across projects and teams.","breadcrumbs":[{"label":"Guides"}]},{"id":"N63UYc3MFAcGsNB6GB7c","title":"Sync a color palette to tokens","pathname":"/penpot/guides/sync-a-color-palette-to-tokens","siteSpaceId":"sitesp_6TLsh","icon":"coins","description":"Learn how to synchronize your color palette with Penpot design tokens directly, without any manual export or import.","breadcrumbs":[{"label":"Guides"}]},{"id":"jCCgqm0UxlXO8GO7trbj","title":"Publish and synchronize a color palette","pathname":"/penpot/guides/publish-and-synchronize-a-color-palette","siteSpaceId":"sitesp_6TLsh","icon":"newspaper","description":"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.","breadcrumbs":[{"label":"Guides"}]},{"id":"2E6mMeEkTG2YUkoChoCB","title":"Update your preferences","pathname":"/penpot/user-management/update-your-preferences","siteSpaceId":"sitesp_6TLsh","icon":"ballot-check","description":"","breadcrumbs":[{"label":"User management"}]},{"id":"Y9kSODd0K0rWYNcVjbc0","title":"Manage your license","pathname":"/penpot/user-management/manage-your-license","siteSpaceId":"sitesp_6TLsh","icon":"key","description":"","breadcrumbs":[{"label":"User management"}]},{"id":"YkiddYSChcZTLnKqkymA","title":"Plans","pathname":"/penpot/user-management/plans","siteSpaceId":"sitesp_6TLsh","icon":"circle-dollar","description":"","breadcrumbs":[{"label":"User management"}]},{"id":"csVBdmJOHPBEJ1pRBrRt","title":"UI Color Palette for Sketch","pathname":"/sketch","siteSpaceId":"sitesp_gHu2v","icon":"hand-wave","description":"Get started quickly!"},{"id":"bkPdo83CYyNZYP2P74v7","title":"Glossary","pathname":"/sketch/glossary","siteSpaceId":"sitesp_gHu2v","icon":"book-open","description":""},{"id":"MpHczJpbMkFhK8kIHmuZ","title":"Why should you avoid RBG and HSL color spaces?","pathname":"/sketch/introduction/what-is-the-lch-model","siteSpaceId":"sitesp_gHu2v","icon":"hand","description":"","breadcrumbs":[{"label":"Introduction"}]},{"id":"NzgQSlgGCLTPxHMk3m7S","title":"How UI Color Palette on Sketch works","pathname":"/sketch/introduction/how-ui-color-palette-on-sketch-works","siteSpaceId":"sitesp_gHu2v","icon":"bolt-lightning","description":"","breadcrumbs":[{"label":"Introduction"}]},{"id":"2oG8QhTnw6SwF314jIR5","title":"Palette publication lifecycle","pathname":"/sketch/introduction/palette-publication-lifecycle","siteSpaceId":"sitesp_gHu2v","icon":"arrows-spin","description":"","breadcrumbs":[{"label":"Introduction"}]},{"id":"AssQHuLrmH34v0ZWhGWc","title":"Fees from the credit system","pathname":"/sketch/introduction/fees-from-the-credit-system","siteSpaceId":"sitesp_gHu2v","icon":"square-dollar","description":"","breadcrumbs":[{"label":"Introduction"}]},{"id":"yHiuEIEmGzq4Oba6mp2S","title":"Create a color palette","pathname":"/sketch/guides/create-a-color-palette","siteSpaceId":"sitesp_gHu2v","icon":"palette","description":"Learn how to create a color palette and start managing it right away. Use generation tools to define source colors, or start from scratch.","breadcrumbs":[{"label":"Guides"}]},{"id":"uT1w4mjXlfBCQQUOVVkd","title":"Master a color palette","pathname":"/sketch/guides/master-a-color-palette","siteSpaceId":"sitesp_gHu2v","icon":"sparkles","description":"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.","breadcrumbs":[{"label":"Guides"}]},{"id":"ij0RUindKVdIyuoF56mT","title":"Manage a color palette","pathname":"/sketch/guides/manage-a-color-palette","siteSpaceId":"sitesp_gHu2v","icon":"sliders-up","description":"Learn how to manage and save a palette, iterate, and create modes to divide the palette for specific needs (e.g., light, dark, protanomaly).","breadcrumbs":[{"label":"Guides"}]},{"id":"Me0nslZRBJmKCH5EroIe","title":"Generate a color palette documentation","pathname":"/sketch/guides/generate-a-color-palette-documentation","siteSpaceId":"sitesp_gHu2v","icon":"file-lines","description":"Learn how to create comprehensive documentation of your color palette (or primitives) accessible from your Sketch document.","breadcrumbs":[{"label":"Guides"}]},{"id":"vQ7QWkCyRxbwhmzSjajB","title":"Export a color palette to code","pathname":"/sketch/guides/export-a-color-palette-to-code","siteSpaceId":"sitesp_gHu2v","icon":"code","description":"Learn how to export your color palette to a batch of formats, from agnostic data to a specific one suitable for frameworks and libraries.","breadcrumbs":[{"label":"Guides"}]},{"id":"3aWHZdzk1osGxXo5eUMJ","title":"Sync a color palette to the local library","pathname":"/sketch/guides/sync-a-color-palette-to-the-local-library","siteSpaceId":"sitesp_gHu2v","icon":"arrows-rotate-reverse","description":"Learn how to synchronize your color palette with local styles and variables, enabling its publication across documents and workspaces.","breadcrumbs":[{"label":"Guides"}]},{"id":"jCCgqm0UxlXO8GO7trbj","title":"Publish and synchronize a color palette","pathname":"/sketch/guides/publish-and-synchronize-a-color-palette","siteSpaceId":"sitesp_gHu2v","icon":"newspaper","description":"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.","breadcrumbs":[{"label":"Guides"}]},{"id":"2E6mMeEkTG2YUkoChoCB","title":"Update your preferences","pathname":"/sketch/user-management/update-your-preferences","siteSpaceId":"sitesp_gHu2v","icon":"ballot-check","description":"","breadcrumbs":[{"label":"User management"}]},{"id":"Y9kSODd0K0rWYNcVjbc0","title":"Manage your license","pathname":"/sketch/user-management/manage-your-license","siteSpaceId":"sitesp_gHu2v","icon":"key","description":"","breadcrumbs":[{"label":"User management"}]},{"id":"YkiddYSChcZTLnKqkymA","title":"Plans","pathname":"/sketch/user-management/plans","siteSpaceId":"sitesp_gHu2v","icon":"circle-dollar","description":"","breadcrumbs":[{"label":"User management"}]},{"id":"csVBdmJOHPBEJ1pRBrRt","title":"UI Color Palette for Framer","pathname":"/framer","siteSpaceId":"sitesp_J7SeT","icon":"hand-wave","description":"Get started quickly!"},{"id":"bkPdo83CYyNZYP2P74v7","title":"Glossary","pathname":"/framer/glossary","siteSpaceId":"sitesp_J7SeT","icon":"book-open","description":""},{"id":"MpHczJpbMkFhK8kIHmuZ","title":"Why should you avoid RBG and HSL color spaces?","pathname":"/framer/introduction/what-is-the-lch-model","siteSpaceId":"sitesp_J7SeT","icon":"hand","description":"","breadcrumbs":[{"label":"Introduction"}]},{"id":"NzgQSlgGCLTPxHMk3m7S","title":"How UI Color Palette on Framer works","pathname":"/framer/introduction/how-ui-color-palette-on-framer-works","siteSpaceId":"sitesp_J7SeT","icon":"bolt-lightning","description":"","breadcrumbs":[{"label":"Introduction"}]},{"id":"2oG8QhTnw6SwF314jIR5","title":"Palette publication lifecycle","pathname":"/framer/introduction/palette-publication-lifecycle","siteSpaceId":"sitesp_J7SeT","icon":"arrows-spin","description":"","breadcrumbs":[{"label":"Introduction"}]},{"id":"chvvOjOokCtVWpVKjhUu","title":"Fees from the credit system","pathname":"/framer/introduction/fees-from-the-credit-system","siteSpaceId":"sitesp_J7SeT","icon":"square-dollar","description":"","breadcrumbs":[{"label":"Introduction"}]},{"id":"yHiuEIEmGzq4Oba6mp2S","title":"Create a color palette","pathname":"/framer/guides/create-a-color-palette","siteSpaceId":"sitesp_J7SeT","icon":"palette","description":"Learn how to create a color palette and start managing it right away. Use generation tools to define source colors, or start from scratch.","breadcrumbs":[{"label":"Guides"}]},{"id":"gUOqY4oNqyxQZ0SWnD28","title":"Master a color palette","pathname":"/framer/guides/master-a-color-palette","siteSpaceId":"sitesp_J7SeT","icon":"sparkles","description":"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.","breadcrumbs":[{"label":"Guides"}]},{"id":"ij0RUindKVdIyuoF56mT","title":"Manage a color palette","pathname":"/framer/guides/manage-a-color-palette","siteSpaceId":"sitesp_J7SeT","icon":"sliders-up","description":"Learn how to manage and save a palette, iterate, and create modes to divide the palette for specific needs (e.g., light, dark, protanomaly).","breadcrumbs":[{"label":"Guides"}]},{"id":"NpaqFOHN5PwxARXSGdcr","title":"Generate a color palette documentation","pathname":"/framer/guides/generate-a-color-palette-documentation","siteSpaceId":"sitesp_J7SeT","icon":"file-lines","description":"Learn how to create comprehensive documentation of your color palette (or primitives) accessible from your Framer document.","breadcrumbs":[{"label":"Guides"}]},{"id":"3aWHZdzk1osGxXo5eUMJ","title":"Sync a color palette to the local library","pathname":"/framer/guides/sync-a-color-palette-to-the-local-library","siteSpaceId":"sitesp_J7SeT","icon":"arrows-rotate-reverse","description":"Learn how to synchronize your color palette with local styles and variables, enabling its publication across projects and teams.","breadcrumbs":[{"label":"Guides"}]},{"id":"jCCgqm0UxlXO8GO7trbj","title":"Publish and synchronize a color palette","pathname":"/framer/guides/publish-and-synchronize-a-color-palette","siteSpaceId":"sitesp_J7SeT","icon":"newspaper","description":"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.","breadcrumbs":[{"label":"Guides"}]},{"id":"2E6mMeEkTG2YUkoChoCB","title":"Update your preferences","pathname":"/framer/user-management/update-your-preferences","siteSpaceId":"sitesp_J7SeT","icon":"ballot-check","description":"","breadcrumbs":[{"label":"User management"}]},{"id":"Y9kSODd0K0rWYNcVjbc0","title":"Manage your license","pathname":"/framer/user-management/manage-your-license","siteSpaceId":"sitesp_J7SeT","icon":"key","description":"","breadcrumbs":[{"label":"User management"}]},{"id":"YkiddYSChcZTLnKqkymA","title":"Plans","pathname":"/framer/user-management/plans","siteSpaceId":"sitesp_J7SeT","icon":"circle-dollar","description":"","breadcrumbs":[{"label":"User management"}]},{"id":"OAEfgOKP7zSd6GdBaGsm","title":"UI Color Palette for Claude","pathname":"/claude","siteSpaceId":"sitesp_vIG72","icon":"hand-wave","description":"A Claude Code plugin for designing color palettes, auditing contrast, generating tokens, and syncing to design tools"},{"id":"MvcpUHnwtxc8v90qHK5k","title":"Configuration","pathname":"/claude/configuration","siteSpaceId":"sitesp_vIG72","icon":"sliders","description":"User configuration, MCP servers, and settings for the UI Color Palette Claude plugin"},{"id":"wHDRJuWH0WAX4GR4e88e","title":"Skills","pathname":"/claude/skills","siteSpaceId":"sitesp_vIG72","icon":"wand-magic-sparkles","description":"Core skills for the UI Color Palette workflow — source colors, palette building, code export, auditing, and palette management"},{"id":"k1TeJ11ZvumfH8ppdgeS","title":"Platform integrations","pathname":"/claude/platforms","siteSpaceId":"sitesp_vIG72","icon":"screwdriver-wrench","description":"Push palettes to Figma, Penpot, Framer, and Sketch via MCP"},{"id":"zHYNS8Vv6j9Phh97nNdK","title":"Agents","pathname":"/claude/agents","siteSpaceId":"sitesp_vIG72","icon":"robot","description":"Specialized sub-agents that handle focused tasks within the UI Color Palette workflow"},{"id":"s575wifRkdQKVjklTGMn","title":"Community skills","pathname":"/claude/community-skills","siteSpaceId":"sitesp_vIG72","icon":"users","description":"Third-party skills bundled with the plugin for design tool and developer workflows"},{"id":"8a14a6e53b5c323d30f5a5044413d28287e69614","title":"Welcome","pathname":"/api-reference","siteSpaceId":"sitesp_KqI4q"},{"id":"cd9ec032492954667c276add93d10a656dc2af61","title":"Getting started","pathname":"/api-reference/welcome/getting-started","siteSpaceId":"sitesp_KqI4q","breadcrumbs":[{"label":"Welcome"}]},{"id":"29d5192ffe2dfee42ab5e8a0b13345f08312fe94","title":"Endpoints at a glance","pathname":"/api-reference/welcome/endpoints-at-a-glance","siteSpaceId":"sitesp_KqI4q","breadcrumbs":[{"label":"Welcome"}]},{"id":"492c9bbf1b289e28c7c233382957b09f031c85a7","title":"Code export formats","pathname":"/api-reference/welcome/code-export-formats","siteSpaceId":"sitesp_KqI4q","breadcrumbs":[{"label":"Welcome"}]},{"id":"52fd00bb319f75a503156e49cfda6131d8ff18af","title":"Palette","pathname":"/api-reference/palette","siteSpaceId":"sitesp_KqI4q","description":""},{"id":"6ce88b888ccd060d30a7b4bc3194cb6feddbfb04","title":"AI","pathname":"/api-reference/ai","siteSpaceId":"sitesp_KqI4q","description":""},{"id":"210a25e917124c967988025bb7ea2e913a1db5dd","title":"Authentication","pathname":"/api-reference/authentication","siteSpaceId":"sitesp_KqI4q","description":""},{"id":"7c2f77a96636d2c80e94dfd88fc3fe86ce3b90a8","title":"Community","pathname":"/api-reference/community","siteSpaceId":"sitesp_KqI4q","description":""},{"id":"b055dfe472fa3d15b06194bcba876539fdacffd1","title":"Models","pathname":"/api-reference/models","siteSpaceId":"sitesp_KqI4q"},{"id":"NQ2LiNvGUQUDfTz9tw9Q","title":"UI Color Palette MCP","pathname":"/mcp","siteSpaceId":"sitesp_Slb2A","icon":"hand-wave","description":"Connect any AI assistant to UI Color Palette via the Model Context Protocol"},{"id":"qFE4kqcOzkFtv34cR6X8","title":"Authentication","pathname":"/mcp/authentication","siteSpaceId":"sitesp_Slb2A","icon":"lock","description":"How to authenticate with the MCP server to access community tools"},{"id":"SKUYV3cdWzUtcBnk5QAH","title":"Schemas","pathname":"/mcp/schemas","siteSpaceId":"sitesp_Slb2A","icon":"brackets-curly","description":"Data structures used across MCP tool inputs"},{"id":"YBw8erHRQQiCbZ8xvQ1p","title":"Palette tools","pathname":"/mcp/tools/palette","siteSpaceId":"sitesp_Slb2A","icon":"palette","description":"Tools for generating, previewing, and exporting color palettes — no authentication required","breadcrumbs":[{"label":"Tools"}]},{"id":"g0quqgUPFBMNjK5A4r7P","title":"Community tools","pathname":"/mcp/tools/community","siteSpaceId":"sitesp_Slb2A","icon":"users","description":"Tools for publishing and managing palettes in the community — authentication required","breadcrumbs":[{"label":"Tools"}]},{"id":"Nh3SXgwnDsRGOpwvjxer","title":"UI Color Palette legal documents","pathname":"/legal","siteSpaceId":"sitesp_RtCRs","icon":"scale-balanced","description":""},{"id":"C3D4Z3ylLEQpcHLe6yFO","title":"Terms and Conditions","pathname":"/legal/terms-and-conditions","siteSpaceId":"sitesp_RtCRs","icon":"file-signature","description":"Last updated: May 15, 2026"},{"id":"dVSrGUemOr5s3sp2PHra","title":"Privacy Policy","pathname":"/legal/privacy-policy","siteSpaceId":"sitesp_RtCRs","icon":"file-lock","description":"Last updated: May 15, 2026"},{"id":"OWUXsQtAjwdhURXMO0D3","title":"Cookies Policy","pathname":"/legal/cookies-policy","siteSpaceId":"sitesp_RtCRs","icon":"cookie","description":"Last updated: August 14, 2025"},{"id":"iU8TvU5Z3chJLsIRc98D","title":"Terms of Sale","pathname":"/legal/terms-of-sale","siteSpaceId":"sitesp_RtCRs","icon":"dollar-sign","description":"Last updated: May 6, 2026"},{"id":"ANOFhC0j1fJnejYauccE","title":"License","pathname":"/legal/license","siteSpaceId":"sitesp_RtCRs","icon":"file-certificate","description":""}]}