The Color Palette Generator helps you create harmonious color schemes that align with your brand identity and can be used across all your marketing materials.
Navigate to Visual Identity → Colors or go to /brand-dna/visual-identity/colors.
Understanding Color Palettes
A brand color palette typically includes:
Your main brand color, used for key elements and calls-to-action
Complementary colors that support the primary
Grays and whites for backgrounds and text
Bold colors for highlights and emphasis
Generating a Color Palette
- AI Generation: Let Eklipsa suggest colors based on your Brand Intelligence
- Manual Selection: Pick colors yourself using the color picker
- Upload Inspiration: Extract colors from an image
Fine-tune each color using the color picker. Adjust hue, saturation, and brightness.
See how your colors look in context with preview templates.
Save your palette to your Visual Identity. Export as CSS variables, Tailwind config, or design tokens.
Color Accessibility
The generator automatically checks color contrast ratios to ensure accessibility:
- AAA Compliant: Highest level of accessibility
- AA Compliant: Standard accessibility requirement
- Needs Improvement: Contrast may be too low for some users
Aim for AA compliance at minimum. AAA compliance ensures your content is accessible to users with visual impairments.