#6B7499 · #8E3EFF · #855CBF · #9E5CBF · #B75CBF

#6B7499

#8E3EFF

#855CBF

CSS Custom Properties

:root {
  --color-1: #6b7499;
  --color-2: #8e3eff;
  --color-3: #855cbf;
  --color-4: #9e5cbf;
  --color-5: #b75cbf;
}

SCSS

$color-1: #6b7499;
$color-2: #8e3eff;
$color-3: #855cbf;
$color-4: #9e5cbf;
$color-5: #b75cbf;

TAILWIND

colors: {
  'brand-1': '#6b7499',
  'brand-2': '#8e3eff',
  'brand-3': '#855cbf',
  'brand-4': '#9e5cbf',
  'brand-5': '#b75cbf',
}

RGB Array

[107, 116, 153], [142, 62, 255], [133, 92, 191], [158, 92, 191], [183, 92, 191]

What scenarios is this 5-color palette suitable for?

This general-style palette of #6B7499, #8E3EFF, #855CBF, #9E5CBF, #B75CBF is ideal for: corporate websites, product showcases, portfolios. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #6b7499; --color-2: #8e3eff; --color-3: #855cbf; --color-4: #9e5cbf; --color-5: #b75cbf. 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 tech, SaaS, healthcare, eco industries. Click "AI Analysis" in the editor for more detailed brand color suggestions.