AI Palette Guide
This tool matches your description to a curated library of 206 professionally designed palettes using a real neural network — a MiniLM sentence-embedding model that runs entirely inside your browser via ONNX Runtime. Your text is converted into a 384-dimensional vector, and the palettes with the most similar meaning are returned.
Type anything — a mood, a place, a season, a brand style, even another language. The model understands semantics, not just keywords: "autumn forest" also finds "harvest field" and "cozy coffee". While the model loads (first visit only), a fast keyword matcher shows instant results.
Pro Tips
- Describe feelings and scenes rather than exact colors. "Calm morning by the lake" returns richer results than "blue green".
- Mix in style words: minimal, retro, luxury, neon. Each style word steers the match toward a different palette family.
Frequently Asked Questions
Q: Is this real AI?
Is this real AI? Yes. The page runs the all-MiniLM-L6-v2 sentence-embedding model (Apache 2.0) via ONNX Runtime Web. Text is tokenized and embedded in your browser — nothing is sent to any server.
Q: How big is the model download?
How big is the model download? About 23MB, loaded once on your first visit and then cached by the browser. Subsequent visits start instantly.
Q: Does it work in other languages?
Does it work in other languages? Yes. MiniLM is multilingual (50+ languages). Descriptions in Chinese, Japanese, Spanish and more all match the same semantic themes.
Q: What if the model fails to load?
What if the model fails to load? A deterministic keyword matcher takes over automatically, so the tool always returns palettes. The status badge shows which mode is active.
Q: Can I use these palettes in commercial projects?
Can I use these palettes in commercial projects? Yes. The palette data is original and free for any use, including commercial design work.
CSS Named Colors & Color Psychology
The web has 148 named colors built into CSS, from Coral to Goldenrod. Beyond the code, color psychology shapes how users feel about interfaces — warm tones energize, cool tones calm, and neutrals build trust. This palette mixes CSS classics with the psychology behind them.
Coral #FF7F50Warm and friendly — popular for CTAs in lifestyle brands
Tomato #FF6347Energetic red-orange, great for urgent accents
Goldenrod #DAA520Earthy gold associated with quality and heritage
Teal #008080Balanced blue-green — calm, trustworthy, professional
Indigo #4B0082Deep violet tied to wisdom and premium brands
Crimson #DC143CBold red for passion, alerts, and strong emphasis
SlateBlue #6A5ACDSoft purple-blue common in SaaS dashboards
ForestGreen #228B22Nature and growth — the color of eco and finance brands
HotPink #FF69B4Playful and bold, the signature of youth-oriented design
Navy #000080Authority and stability — the suit-and-tie of colors
Q: What are CSS named colors?
What are CSS named colors? CSS defines 148 named colors like Coral and Goldenrod that work in any stylesheet without hex codes. They are great for prototyping but designers usually switch to hex or HSL for precise brand colors.
Q: How does color psychology affect design?
How does color psychology affect design? Warm colors (red, orange, yellow) create energy and urgency; cool colors (blue, green, teal) create calm and trust. CTAs often use warm tones while financial and health brands prefer blues and greens.