← Back to Editor

#D6C8C0 · #FBABAC · #B099A0 · #82838D · #7B6377

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#D6C8C0

Apricot · LightGray · Peach Orange

HEX
#D6C8C0
RGB
rgb(214, 200, 192)
HSL
hsl(22, 21%, 80%)
HSB
hsb(22, 10%, 84%)
CMYK
cmyk(0%, 7%, 10%, 16%)
Oklch
oklch(84.2% 0.019 51.9)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FBABAC

Peach Pink · LightPink · Cherry Blossom

HEX
#FBABAC
RGB
rgb(251, 171, 172)
HSL
hsl(359, 91%, 83%)
HSB
hsb(359, 32%, 98%)
CMYK
cmyk(0%, 32%, 31%, 2%)
Oklch
oklch(81.9% 0.095 18.5)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#B099A0

Rouge · DarkGray · Rose Pink

HEX
#B099A0
RGB
rgb(176, 153, 160)
HSL
hsl(342, 13%, 65%)
HSB
hsb(342, 13%, 69%)
CMYK
cmyk(0%, 13%, 9%, 31%)
Oklch
oklch(70.5% 0.029 357.5)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#82838D

Ash · Gray · Warm Gray

HEX
#82838D
RGB
rgb(130, 131, 141)
HSL
hsl(235, 5%, 53%)
HSB
hsb(235, 8%, 55%)
CMYK
cmyk(8%, 7%, 0%, 45%)
Oklch
oklch(61.2% 0.015 281.4)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

#7B6377

Rose Purple · DimGray · Violet

HEX
#7B6377
RGB
rgb(123, 99, 119)
HSL
hsl(310, 11%, 44%)
HSB
hsb(310, 20%, 48%)
CMYK
cmyk(0%, 20%, 3%, 52%)
Oklch
oklch(53.0% 0.043 331.9)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6C8C0
C1CFD7

Analogous

D7C1C4
D6C8C0
D7D4C1

Triadic

D6C8C0
C1D7C9
C9C1D7

Split-Comp.

D6C8C0
C1D7D4
C1C4D7

Tetradic

D6C8C0
C4D7C1
C1CFD7
D4C1D7

Contrast Matrix WCAG 2.1 Contrast

D6C8C0
FBABAC
B099A0
82838D
7B6377
—
1.1
Fail
1.6
Fail
2.3
Fail
3.3
AA Large
1.1
Fail
—
1.5
Fail
2.1
Fail
3.0
Fail
1.6
Fail
1.5
Fail
—
1.4
Fail
2.0
Fail
2.3
Fail
2.1
Fail
1.4
Fail
—
1.4
Fail
3.3
AA Large
3.0
Fail
2.0
Fail
1.4
Fail
—
White BG
1.6Fail
1.8Fail
2.7Fail
3.8AA Large
5.4AA
Black BG
12.9AAA
11.5AAA
7.9AAA
5.6AA
3.9AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D0D0C2
D8D8AC
A6A69E
82828B
717072

Deuteranopia

D1D2C2
DDE3AC
A7A99E
82828A
727471

Tritanopia

D5C3C4
F7ACAC
AF9D9D
828988
7A6E6E

Achromatopsia

CBCBCB
C3C3C3
A1A1A1
848484
6C6C6C

Shades & Tints Shades & Tints

#D6C8C0

Dark
Light

#FBABAC

Dark
Light

#B099A0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6c8c0;
  --color-2: #fbabac;
  --color-3: #b099a0;
  --color-4: #82838d;
  --color-5: #7b6377;
}

SCSS

$color-1: #d6c8c0;
$color-2: #fbabac;
$color-3: #b099a0;
$color-4: #82838d;
$color-5: #7b6377;

TAILWIND

colors: {
  'brand-1': '#d6c8c0',
  'brand-2': '#fbabac',
  'brand-3': '#b099a0',
  'brand-4': '#82838d',
  'brand-5': '#7b6377',
}

RGB Array

[214, 200, 192], [251, 171, 172], [176, 153, 160], [130, 131, 141], [123, 99, 119]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D6C8C0, #FBABAC, #B099A0, #82838D, #7B6377 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: #d6c8c0; --color-2: #fbabac; --color-3: #b099a0; --color-4: #82838d; --color-5: #7b6377. 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.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color