{"id":184739,"date":"2024-03-19T15:51:37","date_gmt":"2024-03-19T15:51:37","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/red8-ai-color-palette-generator\/"},"modified":"2025-05-05T16:00:49","modified_gmt":"2025-05-05T16:00:49","slug":"ai-color-palette-generator","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/ai-color-palette-generator\/","author":17004025,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"0.1.3","stable_tag":"trunk","tested":"6.8.5","requires":"4.5","requires_php":"5.6","requires_plugins":null,"header_name":"Red8 - AI Color Palette Generator","header_author":"Red8 Interactive","header_description":"Create a 60\/30\/10 website color palette with seven entries based on a primary color and target audience.","assets_banners_color":"161e24","last_updated":"2025-05-05 16:00:49","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"https:\/\/red8interactive.com","rating":0,"author_block_rating":0,"active_installs":0,"downloads":1936,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description"],"tags":{"0.1.0":{"tag":"0.1.0","author":"red8developers","date":"2024-03-20 12:45:23"},"0.1.1":{"tag":"0.1.1","author":"red8developers","date":"2024-05-20 14:47:54"},"0.1.2":{"tag":"0.1.2","author":"red8developers","date":"2024-06-27 15:09:42"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3054612,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3054612,"resolution":"256x256","location":"assets","locale":""},"icon-600x600.png":{"filename":"icon-600x600.png","revision":3054599,"resolution":"600x600","location":"assets","locale":""}},"assets_banners":{"banner-772x250.jpg":{"filename":"banner-772x250.jpg","revision":3054599,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["0.1.0","0.1.1","0.1.2"],"block_files":[],"assets_screenshots":[],"screenshots":[],"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[107,599],"plugin_category":[44,54],"plugin_contributors":[169796],"plugin_business_model":[],"class_list":["post-184739","plugin","type-plugin","status-publish","hentry","plugin_tags-comments","plugin_tags-spam","plugin_category-discussion-and-community","plugin_category-security-and-spam-protection","plugin_contributors-red8developers","plugin_committers-red8developers"],"banners":{"banner":"https:\/\/ps.w.org\/ai-color-palette-generator\/assets\/banner-772x250.jpg?rev=3054599","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/ai-color-palette-generator\/assets\/icon-128x128.png?rev=3054612","icon_2x":"https:\/\/ps.w.org\/ai-color-palette-generator\/assets\/icon-256x256.png?rev=3054612","generated":false},"screenshots":[],"raw_content":"<!--section=description-->\n<p>The AI Color Palette plugin sets a Block Theme\u2019s default color palette based on one primary color. Source the primary color from the logo or some other key element.<\/p>\n\n<p>Why is this important?<\/p>\n\n<p>Having a well-chosen website color palette is essential for several reasons:<\/p>\n\n<ol>\n<li><strong>Brand Identity and Recognition<\/strong>: Color plays a pivotal role in defining a brand\u2019s identity. A consistent color scheme across your marketing and your website helps create a recognizable brand image, and consistent use of color assures website visitors that they are in the right place.<\/li>\n<li><strong>User Experience (UX) and Usability<\/strong>: A good color palette improves the user experience. It can make your website more navigable and the content more readable. Colors draw attention to key elements, separate sections, guide users through your site, and support a visual hierarchy.<\/li>\n<li><strong>Emotional Connection<\/strong>: Colors evoke emotions and feelings. Choosing the right color palette can help forge an emotional connection with your audience. For example, blue often instills a sense of trust and professionalism, while green is associated with tranquility and health.<\/li>\n<li><strong>Visual Appeal<\/strong>: Aesthetic appeal is crucial for first impressions. An attractive color scheme can make your website more visually appealing, encouraging visitors to stay longer and explore more.<\/li>\n<li><strong>Accessibility and Inclusivity<\/strong>: Considering color contrast and palette choices can make your website more accessible to people with visual impairments or color blindness. For example, contrast between text and background colors is essential for readability.<\/li>\n<li><strong>Professionalism and Credibility<\/strong>: A well-designed website with a harmonious color palette can convey professionalism and credibility, which are essential to building trust with your audience.<\/li>\n<\/ol>\n\n<p>The AI Color Palette plugin uses the 60:30:10 color strategy and connects to the Block Theme Style Color settings.<\/p>\n\n<p>The 60:30:10 color strategy is a widely used guideline in website design. It\u2019s rooted in the principles of interior design and fashion. This strategy involves dividing the color usage in a space\u2014or, in this case, a webpage\u2014into percentages of 60%, 30%, and 10% to create a balanced and visually appealing aesthetic. Here\u2019s how it\u2019s typically applied in website design:<\/p>\n\n<p><strong>60%: Primary or Dominant Colors<\/strong><\/p>\n\n<ul>\n<li><strong>Usage<\/strong>: This color forms the website\u2019s backdrop and is used in approximately 60% of the design. It\u2019s the color that first catches the eye when someone visits the site.<\/li>\n<li><strong>Selection<\/strong>: Typically, this is a neutral or a subdued hue. Its neutrality and ability to complement other colors set the website\u2019s tone. It should align with the brand\u2019s identity and the site\u2019s target audience.<\/li>\n<li><strong>Examples<\/strong>: Background colors, large areas like headers, footers, or large sections.<\/li>\n<\/ul>\n\n<p><strong>30%: Secondary Colors<\/strong><\/p>\n\n<ul>\n<li><strong>Usage<\/strong>: This color is used for about 30% of the design. It supports the primary color and breaks the monotony, adding depth and visual interest.<\/li>\n<li><strong>Selection<\/strong>: This can be a bit more saturated or bold compared to the primary color. It should contrast yet harmonize with the dominant color. This balance is crucial to avoid color clashes.<\/li>\n<li><strong>Examples<\/strong>: Navigation bars, subheaders, backgrounds for call-to-action buttons.<\/li>\n<\/ul>\n\n<p><strong>10%: Accent Colors<\/strong><\/p>\n\n<ul>\n<li><strong>Usage<\/strong>: This is used for the remaining 10% and is typically the boldest color in the palette. It\u2019s used to draw attention to key elements and features.<\/li>\n<li><strong>Selection<\/strong>: Accent colors contrast strongly with primary and secondary colors, and use is limited. Overuse will lessen their impact and can disrupt the design balance.<\/li>\n<li><strong>Examples<\/strong>: Highlighted text, icons, CTA buttons, and interactive elements.<\/li>\n<\/ul>\n\n<p>The AI Color Palette plugin uses AI to set a website color palette that enhances brand identity, improves user experience, establishes emotional connections, increases visual appeal, ensures accessibility, maintains consistency, and contributes to overall professionalism and credibility.<\/p>\n\n<h3>OPEN AI<\/h3>\n\n<p>The AI Color Palette plugin uses the API from  <a href=\"https:\/\/beta.openai.com\/\">OpenAI<\/a>. This plugin gathers no information from your OpenAI account except for the tokens used. The data transmitted to the OpenAI servers consists of the primary color hex code. It is important to check your usage on the  <a href=\"https:\/\/platform.openai.com\/account\/usage\">OpenAI website<\/a>  for accurate information. Please also review their  <a href=\"https:\/\/openai.com\/privacy\/\">Privacy Policy<\/a>  and  <a href=\"https:\/\/openai.com\/terms\/\">Terms of Service<\/a>  for further information.<\/p>\n\n<h3>DISCLAIMER<\/h3>\n\n<p>AI Color Palette is a plugin that helps users generate a 60:30:10 color palette using OpenAI\u2019s ChatGPT. Users must have their own API key and must follow the rules set by Open AI. The developer of AI Color Palette and related parties are not responsible for any issues or losses caused by using the plugin or AI-generated content. Users should talk to a legal expert and follow the laws in their area.<\/p>\n\n<p>To keep your OpenAI key secure it will not be stored on our server. It will be held within the plugin for 10 days. After 10 days your key will be deleted. If you need to reuse the plugin after 10 days, you will need to add your key again.<\/p>\n\n<h3>COMPATIBILITY<\/h3>\n\n<p>AI Color Palette is intended for Block Themes.<\/p>\n\n<h3>USAGE<\/h3>\n\n<ol>\n<li>Create or go to your account at OpenAI.<\/li>\n<li>Create and copy an API key.<\/li>\n<li>Go to Appearance &gt; AI Color Palette &gt; Insert the API key into the API field, and save.<\/li>\n<li>Go to Appearance &gt; AI Color Palette.<\/li>\n<li>Click the Primary Color button to launch the color selector and update the hex code with your primary color.<\/li>\n<li>Briefly describe the website\u2019s primary target audience.<\/li>\n<li>Choose to replace the current default color palette (the default) or add additional custom colors.<\/li>\n<li>Click Generate Colors Now.<\/li>\n<li>It\u2019s wise to keep an eye on  <a href=\"https:\/\/platform.openai.com\/account\/usage\">your OpenAI usage<\/a>!<\/li>\n<\/ol>\n\n<h3>CONTRIBUTORS AND DEVELOPERS<\/h3>\n\n<p>\u201cAI Coor Palette\u201d is open-source software. The following people have contributed to this plugin.\nRed8 Interactive\nEli Hanna<\/p>","raw_excerpt":"The AI Color Palette plugin assigns a Block Theme&#039;s main color scheme using a primary color derived from the logo or another key element","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/184739","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=184739"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/red8developers"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=184739"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=184739"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=184739"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=184739"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=184739"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=184739"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}