#DB8985 · #CF9286 · #C99A87 · #BD9B84 · #B09980

#DB8985

#CF9286

#C99A87

CSS Custom Properties

:root {
  --color-1: #db8985;
  --color-2: #cf9286;
  --color-3: #c99a87;
  --color-4: #bd9b84;
  --color-5: #b09980;
}

SCSS

$color-1: #db8985;
$color-2: #cf9286;
$color-3: #c99a87;
$color-4: #bd9b84;
$color-5: #b09980;

TAILWIND

colors: {
  'brand-1': '#db8985',
  'brand-2': '#cf9286',
  'brand-3': '#c99a87',
  'brand-4': '#bd9b84',
  'brand-5': '#b09980',
}

RGB Array

[219, 137, 133], [207, 146, 134], [201, 154, 135], [189, 155, 132], [176, 153, 128]

What scenarios is this 5-color palette suitable for?

This muted-style palette of #DB8985, #CF9286, #C99A87, #BD9B84, #B09980 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: #db8985; --color-2: #cf9286; --color-3: #c99a87; --color-4: #bd9b84; --color-5: #b09980. 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 muted-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.