#7202E9 · #AE00E9 · #E900E5 · #E900A4 · #E90060

#7202E9

#AE00E9

#E900E5

CSS Custom Properties

:root {
  --color-1: #7202e9;
  --color-2: #ae00e9;
  --color-3: #e900e5;
  --color-4: #e900a4;
  --color-5: #e90060;
}

SCSS

$color-1: #7202e9;
$color-2: #ae00e9;
$color-3: #e900e5;
$color-4: #e900a4;
$color-5: #e90060;

TAILWIND

colors: {
  'brand-1': '#7202e9',
  'brand-2': '#ae00e9',
  'brand-3': '#e900e5',
  'brand-4': '#e900a4',
  'brand-5': '#e90060',
}

RGB Array

[114, 2, 233], [174, 0, 233], [233, 0, 229], [233, 0, 164], [233, 0, 96]

What scenarios is this 5-color palette suitable for?

This general-style palette of #7202E9, #AE00E9, #E900E5, #E900A4, #E90060 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #7202e9; --color-2: #ae00e9; --color-3: #e900e5; --color-4: #e900a4; --color-5: #e90060. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This general-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. Click "AI Analysis" in the editor for more detailed brand color suggestions.