AI Color Palette Generator Examples
A list of examples made using our Color Palette Generator
"<div>Teachable Machine Image Model</div> <button type="button" onclick="init()">Start</button> <div id="webcam-container"></div> <div id="label-container"></div> <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@latest/dist/tf.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@teachablemachine/image@latest/dist/teachablemachine-image.min.js"></script> <script type="text/javascript"> // More API functions here: // https://github.com/googlecreativelab/teachablemachine-community/tree/master/libraries/image // the link to your model provided by Teachable Machine export panel const URL = "./my_model/"; let model, webcam, labelContainer, maxPredictions; // Load the image model and setup the webcam async function init() { const modelURL = URL + "model.json"; const metadataURL = URL + "metadata.json"; // load the model and metadata // Refer to tmImage.loadFromFiles() in the API to support files from a file picker // or files from your local hard drive // Note: the pose library adds "tmImage" object to your window (window.tmImage) model = await tmImage.load(modelURL, metadataURL); maxPredictions = model.getTotalClasses(); // Convenience function to setup a webcam const flip = true; // whether to flip the webcam webcam = new tmImage.Webcam(200, 200, flip); // width, height, flip await webcam.setup(); // request access to the webcam await webcam.play(); window.requestAnimationFrame(loop); // append elements to the DOM document.getElementById("webcam-container").appendChild(webcam.canvas); labelContainer = document.getElementById("label-container"); for (let i = 0; i < maxPredictions; i++) { // and class labels labelContainer.appendChild(document.createElement("div")); } } async function loop() { webcam.update(); // update the webcam frame await predict(); window.requestAnimationFrame(loop); } // run the webcam image through the image model async function predict() { // predict can take in an image, video or canvas html element const prediction = await model.predict(webcam.canvas); for (let i = 0; i < maxPredictions; i++) { const classPrediction = prediction[i].className + ": " + prediction[i].probability.toFixed(2); labelContainer.childNodes[i].innerHTML = classPrediction; } } </script>"
"<div>Teachable Machine Image Model</div> <button type="button" onclick="init()">Start</button> <div id="webcam-container"></div> <div id="label-container"></div> <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@latest/dist/tf.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@teachablemachine/image@latest/dist/teachablemachine-image.min.js"></script> <script type="text/javascript"> // More API functions here: // https://github.com/googlecreativelab/teachablemachine-community/tree/master/libraries/image // the link to your model provided by Teachable Machine export panel const URL = "./my_model/"; let model, webcam, labelContainer, maxPredictions; // Load the image model and setup the webcam async function init() { const modelURL = URL + "model.json"; const metadataURL = URL + "metadata.json"; // load the model and metadata // Refer to tmImage.loadFromFiles() in the API to support files from a file picker // or files from your local hard drive // Note: the pose library adds "tmImage" object to your window (window.tmImage) model = await tmImage.load(modelURL, metadataURL); maxPredictions = model.getTotalClasses(); // Convenience function to setup a webcam const flip = true; // whether to flip the webcam webcam = new tmImage.Webcam(200, 200, flip); // width, height, flip await webcam.setup(); // request access to the webcam await webcam.play(); window.requestAnimationFrame(loop); // append elements to the DOM document.getElementById("webcam-container").appendChild(webcam.canvas); labelContainer = document.getElementById("label-container"); for (let i = 0; i < maxPredictions; i++) { // and class labels labelContainer.appendChild(document.createElement("div")); } } async function loop() { webcam.update(); // update the webcam frame await predict(); window.requestAnimationFrame(loop); } // run the webcam image through the image model async function predict() { // predict can take in an image, video or canvas html element const prediction = await model.predict(webcam.canvas); for (let i = 0; i < maxPredictions; i++) { const classPrediction = prediction[i].className + ": " + prediction[i].probability.toFixed(2); labelContainer.childNodes[i].innerHTML = classPrediction; } } </script>"
"Generate color palette for Chinese Crafts Training Center from the Chinese traditional colors"
"Generate color palette for Chinese Crafts Training Center from the Chinese traditional colors"
"Generate color palette for Chinese Crafts Training Center from the Chinese traditional colors"
"generate a color palette for golf, polo, horse rider, old money"
"generate a modern, minimal, cold, muted color palette for a photography website. lime cream, gray, black must be in it"
"generate a modern, minimal, cold, muted color palette for a photography website. light green, gray, black must be in it"
"generate a modern, minimal, cold, muted color palette for a photography website. light green, gray, black must be in it"
"generate a modern, minimal, cold, muted color palette for a photography website. light green, gray, black must be in it"
"generate a modern, minimal, cold, muted color palette for a photography website. green must be in it"
"generate a color palette for a modern, minimal, cold, muted photography website"
"generate a color palette that is white minimalist designs with neon and yellow and blue aesthetic accent"
"generate a color palette that is white minimalist for background with yellow and pink accents"
"generate a color palette that is white minimalist for background, grayscale, with yellow and pink accents"
"generate a color palette that is white minimalis, grayscale, with yellow and pink accents"
"Brand promise: Health + Convenience Core emotion: Ease, trust, calm Audience reality: Busy, urban, no patience Non-negotiable: Modern, premium Age Group: 20-25 y/o Red flag: Current brand feels childish Hence, the logo should be Easy to recall Easy to recognise Visible on the shelf Colours should be slightly vibrant- to stand out ina cluttered space Bold & simple yet confident Design stype: energetic, vibrant, zestful & bold"
"make a color palette that is sophisticated and rich, yet a bit playful. it's for adults but it's fun"
"make a color palette that is sophisticated and rich, yet a bit playful. it's for adults but it's fun"
"make a color palette that is sophisticated and rich, yet a bit playful. it's for adults but it's fun"
"make a color palette that is sophisticated and rich, yet a bit playful. it's for adults but it's fun"
"i am creating a webpage called fake job post detection generate a gradient mixture colour for background"
"a character color palette for a strong female government robot"
"a character color palette for a strong female government robot i guess"
"ariation 2: “Monochrome Technical” Color logic Entire icon in greyscale One accent dot or line in brand color Palette Charcoal Light grey One accent (blue or teal) Why this works Ultra-professional Works everywhere (print, reports, PDFs) Looks excellent in documentation & academic papers 👉 Ideal for reports, exports, research mode"
"Palette example Slate Blue / Steel Blue Warm neutral brown (very subtle) Dark grey"
"Generate a color palette for a real estate listing directory website "
"| Role | Color | Meaning | | --------- | ---------------------- | ------------------------- | | Primary | Sunset Coral `#FF6F61` | Action, energy, discovery | | Secondary | Teal `#2EC4B6` | Trust, clarity, structure | | Support | Lavender `#6C63FF` | Creativity, intelligence | | Accent | Amber `#FFC857` | Reward, growth, success | | Dark | Charcoal `#1C1C1E` | Authority, seriousness | | Light | Cloud White `#F9FAFB` | Space, calm | | Neutral | Cool Gray `#9CA3AF` | Inactive, secondary info |"
"Choosing the right colors for a kids' dental environment is a balance between calming anxiety and engaging their imagination. Modern pediatric dental design for 2026 focuses on "Biophilic" (nature-inspired) palettes and zones that separate high-energy play areas from low-energy treatment rooms"
"generate a color palette with "CD141C" as primary color for IT company"
"Generate a color palette for a poster about climate change"
"Generate a color palette for a poster about climate change"
"generate a color pallete for organic fruit website a dark theme"
"Primary Green: #234F2B (deep forest) Warm Gold (primary accent / CTA): #D4A017 Soft Olive (accent B): #7B9B4A Surface / Card: #0F1110 (very dark charcoal) or #121212 for dark theme Text light: #FFFFFF Muted text: #BDBDBD"
"Primary: #0B3D91 (deep indigo) Accent A: #00B39F (vivid teal) Accent B: #FFC857 (warm gold) Surface: #0F1720 (dark slate) Text: #E8EEF7"
"Primary: #0B0F10 (almost black) Accent A (Gold): #CDAA4B Accent B (Muted): #9E9E9E Surface: #121416 Text: #FFFFFF"
"generate a vibrant color palette for journal notbook themed site"
"generate a vibrant color palette for journal notbook themed site"
"generate a vibrant color palette for journal notbook themed site"
"Green olive and purple and bright yellow + deep dark color + warm paper "
"Green olive and deep purple and bright yellow + deep dark color + warm paper "
"Green olive and almost blue purple and bright yellow + deep dark color + warm paper "
"Green olive and purple and bright yellow + deep dark color + warm paper "
"Green olive and purple and bright yellow + deep dark color + warm paper "
"Green olive and purple and bright yellow + deep dark color + warm paper "
"Green olive and purple and bright yellow + deep dark color + warm paper "
"Green olive and purple and bright yellow + deep dark color + warm paper "
"Green olive and purple and bright yellow + deep dark color + warm paper "
"Green olive and purple and bright yellow + deep dark color + warm paper "
"Green olive and purple and bright yellow + deep dark color + warm paper "
"Green olive and purple and bright yellow + deep daek color + warm paper "
"Green olive and purple and bright yellow + black and white"
"Green olive and purple and bright yellow + black and white"
"Green olive and purple and bright yellow and dark and bright"
"generate a color palette with red , blue and purple for ai based startup"
"wedding palette in september with burnt orange, peach, sand, gold"
"A cinematic full-body photograph of the Assyrian King Ashurbanipal, exuding majestic authority. He has warm bronzed skin and a meticulously groomed, curled charcoal-black beard. He wears opulent royal robes: a primary garment of textured ivory linen, layered with a heavy wrap of deep Tyrian red wool, both heavily encrusted with intricate antique gold embroidery depicting stylized lion hunts and sacred trees. His crown is a conical tiara of dull antique gold richly inlaid with deep Lapis Lazuli stones. He stands powerfully on an ancient palace floor made of large carved limestone slabs adorned with rosette motifs, interspersed with patterned glazed terracotta bricks in warm earth tones, faded blues, and ochre. The background is grand Assyrian palace architecture, slightly blurred, under warm golden hour light. Extremely detailed textures, 8k resolution, historical accuracy meets luxury fashion editorial. --ar 2:3 --v 6.0 --style raw"
Be the first to find the news
Get into our newsletter - you'll get the latest news.
