> ## Documentation Index
> Fetch the complete documentation index at: https://docs.nomiq.site/llms.txt
> Use this file to discover all available pages before exploring further.
# Color Theory: Palettes, Harmony, and Accessibility
> Master color psychology, harmony models, and WCAG accessibility contrast to build palettes that are both beautiful and inclusive in Nomiq.
Color is the single most emotionally immediate element in your brand identity. Before a visitor reads your headline or recognizes your logo, they have already registered the temperature, mood, and energy of your color choices. Getting color right isn't a matter of personal taste—it's a discipline with well-established psychological principles, mathematical harmony models, and measurable accessibility standards. Understanding these principles helps you work with Nomiq's AI more intentionally, so you can guide generations toward exactly the emotional response your brand needs.
## Color Psychology: What Emotions Colors Evoke
Different hues carry deep cultural and psychological associations that have been reinforced across centuries of design, marketing, and human experience. While no rule is absolute—context, saturation, and lightness all modify perception—the following associations hold broadly across Western and global markets.
| Color | Primary Emotions | Common Industries |
| ----------------- | -------------------------------------------- | ------------------------------------- |
| **Blue** | Trust, security, calm, intelligence | Technology, finance, healthcare, SaaS |
| **Green** | Growth, wellness, sustainability, prosperity | Finance, health, food, environment |
| **Orange** | Energy, enthusiasm, creativity, urgency | Food & beverage, startups, fitness |
| **Red** | Passion, excitement, urgency, power | Retail, food, entertainment, alerts |
| **Purple** | Luxury, imagination, spirituality, mystery | Beauty, fashion, premium brands |
| **Yellow** | Optimism, warmth, playfulness, attention | Hospitality, children's brands, CPG |
| **Black** | Sophistication, authority, exclusivity | Luxury, fashion, premium tech |
| **White / Cream** | Clarity, simplicity, cleanliness, openness | Healthcare, minimal SaaS, editorial |
| **Indigo** | Depth, trust, creativity, innovation | B2B SaaS, design tools, analytics |
Saturation and lightness dramatically modify these associations. A deeply saturated red signals aggression and urgency; a desaturated, muted rose reads as romantic and soft. When reviewing Nomiq's palette suggestions, pay as much attention to tone as to hue.
## Color Harmony Models
Harmony is what makes a palette feel intentional rather than accidental. Nomiq operates in the **HSL (Hue, Saturation, Lightness)** color space to apply three principal harmony models mathematically, guaranteeing that your colors belong together by construction.
### Complementary
Complementary colors sit directly opposite each other on the color wheel (180° apart). They create maximum contrast and visual tension—great for call-to-action buttons, bold logos, and brands that want to feel energetic and assertive. The risk is visual fatigue if overused; complementary accents work best in small doses against a neutral field.
### Analogous
Analogous colors sit adjacent on the color wheel (roughly 30°–60° apart). They share a common hue family, which makes them feel smooth, cohesive, and natural. Analogous palettes are ideal for brands that want to feel warm, organic, or approachable—think wellness, food, and hospitality. They're also excellent for complex UIs where visual harmony reduces cognitive load.
### Triadic
Triadic colors form an equilateral triangle on the color wheel (120° apart). They deliver vibrant variety while maintaining balance, making them well-suited for creative agencies, children's brands, and any identity that needs to feel lively without becoming chaotic. Triadic palettes require discipline: choose one dominant color and use the other two sparingly as accents.
In Nomiq's Brand Studio, you can lock your primary color and switch the harmony model in the palette settings. Try running your brand with all three models in succession—the same primary hue produces dramatically different personalities depending on which model is applied.
## Nomiq's Five-Color Hierarchy
Every palette Nomiq generates is structured around a five-role hierarchy. This architecture ensures your colors always have a clear job to do, which is the foundation of accessible, consistent design.
| Role | Purpose | Typical Lightness Range |
| -------------- | ----------------------------------------------------------------------- | ---------------------------------------------------- |
| **Background** | The base canvas of your interfaces and documents | Very light (L 95–100) or very dark (L 5–15) |
| **Surface** | Cards, panels, modals—elements that sit above the background | Slightly offset from background (L 88–95 or L 12–20) |
| **Primary** | Your core brand color; used for key CTAs, active states, and logo marks | Mid-range (L 40–60) |
| **Secondary** | A supporting accent that complements Primary without competing | Derived from harmony model |
| **Text** | Body copy, labels, and UI text—must meet WCAG contrast requirements | High contrast against Background and Surface |
When you work with these roles rather than arbitrary hex codes, you can swap an entire palette—light mode to dark mode, for instance—without rebuilding your design system from scratch.
## WCAG Accessibility and Contrast Ratios
Accessibility is not a post-launch checkbox—it's a design constraint that should shape your palette from the beginning. The Web Content Accessibility Guidelines (WCAG) define minimum contrast ratios between text and its background to ensure readability for users with low vision or color blindness.
* **WCAG AA (minimum):** 4.5:1 contrast ratio for normal text; 3:1 for large text (18pt+ or 14pt bold+).
* **WCAG AAA (enhanced):** 7:1 contrast ratio for normal text; 4.5:1 for large text.
Approximately 8% of men and 0.5% of women have some form of color vision deficiency. This means a red/green color distinction that seems obvious to you may be invisible to a meaningful share of your audience. Beyond ethical design practice, accessible brands reach more people and signal professionalism.
Nomiq automatically validates every generated palette against WCAG AA contrast requirements. If the AI selects a primary color that fails the contrast check against your background, it adjusts lightness values until compliance is achieved—without changing the hue or personality of the color. You can view the contrast scores for every color pair in the **Accessibility** tab of your Brand Workspace.
## Using Color Locking in Nomiq
One of Nomiq's most powerful workflow features is **color locking**. Once you've landed on a primary hue that feels right for your brand, you can lock it before regenerating. Nomiq will then explore different secondary and accent combinations—changing the harmony model, adjusting saturation levels, or shifting the surface and background tones—while preserving the emotional anchor you've already validated.
Try locking your primary color and then toggling between light and dark palette modes. Dark-mode palettes require different surface values and often a slightly more saturated primary to maintain the same perceived vibrancy—Nomiq handles these adjustments automatically when you switch modes.
Practical color locking workflows:
* **Lock primary, regenerate secondary** — explore how different accent colors change the energy of the same base brand.
* **Lock the full palette, regenerate typography** — isolate whether a font change is what you actually need before abandoning a palette you like.
* **Lock nothing, vary the prompt** — run the same brand concept through multiple prompts ("bold and confident" vs. "calm and approachable") to see how emotional descriptors shift the entire color strategy.
***
Revisit the five pillars of brand identity and how Nomiq assembles them into a cohesive system.
Learn how font choices interact with your color palette to reinforce your brand's emotional tone.