Color scheme

Using colors to differentiate AI features within interfaces.

What

A visual cue using specific colors (commonly purple or green) or gradients to signal AI-generated content or features within an interface.

How

Incorporate consistent color schemes to distinguish AI interactions, balancing brand identity and clarity. Combine with icons or text for accessibility.

When

Use when AI features might be overlooked or require differentiation from other content.

Practical Tips

Enhance Accessibility

Pair colors with text or icons to accommodate diverse users.

Maintain Brand Identity

Customize colors while adhering to recognizable patterns.

Avoid Overuse

Stand out by blending colors with unique indicators beyond the popular palettes.

Example Tips

Elevating the experience

Example Tips

Example Tips

Elevating the experience

Adobe

Adobe uses a bold purple gradient in buttons for AI features, signaling modernity and differentiation while aligning with the trend of gradients in AI branding.

GitHub Copilot

GitHub uses a mix of green, purple and blue for Copilot, blending trend relevance with their brand identity to convey accessibility and innovation.

Google Gemini

Google uses pastel hues in AI responses to enhance usability and distinguish interactions, opting for subtle contrasts over bold palettes for a unique aesthetic.

Describe your project

Let’s
work
together.
Get
in
touch

Describe your project

Let’s
work
together.
Get
in
touch
English

GET IN TOUCH