#FA000B · #E30047 · #CF0078 · #BB00AA · #A000EC

#FA000B

#E30047

#CF0078

CSS Custom Properties

:root {
  --color-1: #fa000b;
  --color-2: #e30047;
  --color-3: #cf0078;
  --color-4: #bb00aa;
  --color-5: #a000ec;
}

SCSS

$color-1: #fa000b;
$color-2: #e30047;
$color-3: #cf0078;
$color-4: #bb00aa;
$color-5: #a000ec;

TAILWIND

colors: {
  'brand-1': '#fa000b',
  'brand-2': '#e30047',
  'brand-3': '#cf0078',
  'brand-4': '#bb00aa',
  'brand-5': '#a000ec',
}

RGB Array

[250, 0, 11], [227, 0, 71], [207, 0, 120], [187, 0, 170], [160, 0, 236]

What scenarios is this 5-color palette suitable for?

This general-style palette of #FA000B, #E30047, #CF0078, #BB00AA, #A000EC 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: #fa000b; --color-2: #e30047; --color-3: #cf0078; --color-4: #bb00aa; --color-5: #a000ec. 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.