#AB85A1 · #9C8A9A · #8E8F93 · #7F948B · #709983

#AB85A1

#9C8A9A

#8E8F93

CSS Custom Properties

:root {
  --color-1: #ab85a1;
  --color-2: #9c8a9a;
  --color-3: #8e8f93;
  --color-4: #7f948b;
  --color-5: #709983;
}

SCSS

$color-1: #ab85a1;
$color-2: #9c8a9a;
$color-3: #8e8f93;
$color-4: #7f948b;
$color-5: #709983;

TAILWIND

colors: {
  'brand-1': '#ab85a1',
  'brand-2': '#9c8a9a',
  'brand-3': '#8e8f93',
  'brand-4': '#7f948b',
  'brand-5': '#709983',
}

RGB Array

[171, 133, 161], [156, 138, 154], [142, 143, 147], [127, 148, 139], [112, 153, 131]

What scenarios is this 5-color palette suitable for?

This general-style palette of #AB85A1, #9C8A9A, #8E8F93, #7F948B, #709983 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ab85a1; --color-2: #9c8a9a; --color-3: #8e8f93; --color-4: #7f948b; --color-5: #709983. 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. Restrained colors convey professionalism and trust. Click "AI Analysis" in the editor for more detailed brand color suggestions.