{"product_id":"ai-color-palette-generator","title":"AI Color Palette Generator","description":"\u003cp\u003eA copy-paste prompt pack that turns ChatGPT, Claude, Gemini or Copilot into a color palette generator that works like a product designer. 40 ready prompts build brand palettes from a mood, a logo hex or a photo, full UI systems with 50-900 tint and shade scales, semantic success, warning, error and info colors, dark mode, chart palettes and contrast-checked text pairs, then export everything as CSS variables, Tailwind config or Figma variables JSON.\u003c\/p\u003e\u003cp\u003eFor founders, marketers, freelance designers and developers who need colors that work on real screens. It is honest about limits: an AI chat estimates contrast, so the pack has the model show its numbers and tells you to confirm final pairs in a contrast checker. Unlike our AI Interior Color Palette Generator, which picks wall and room paint schemes, and Ophira - Brand Identity Designer AI Skill, which builds a whole brand identity, this pack does one job deeply: screen color systems and tokens.\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eGets a complete brand and UI color system with roles, scales, dark mode and tokens from your AI chat.\u003c\/strong\u003e\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eCompatible with:\u003c\/strong\u003e ChatGPT, Claude, Gemini, Copilot and any AI chat. Plain text, copy and paste, no setup.\u003c\/p\u003e\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eIs this a color picker app?\u003c\/strong\u003e No - it is a .txt file of prompts you paste into ChatGPT, Claude, Gemini or Copilot to generate and refine palettes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDoes it check WCAG contrast?\u003c\/strong\u003e The prompts make the AI list your text and background pairs with ratios, but a chat estimates, so you confirm final pairs in a contrast checker.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCan it export design tokens?\u003c\/strong\u003e Yes - prompts export to CSS custom properties, Tailwind v3 or v4, Figma variables JSON and the DTCG token format.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDo I need design experience?\u003c\/strong\u003e No - fill in the brackets and paste; a cheat-sheet explains roles, scales, OKLCH and contrast thresholds in plain words.\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58965657026824,"sku":null,"price":4.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/ai-color-palette-generator-1.png?v=1791046738","url":"https:\/\/kissmyskills.com\/nl\/products\/ai-color-palette-generator","provider":"KissMySkills","version":"1.0","type":"link"}