← Back to Editor

#D0BBA8 · #BCAB9B · #6F9EB4 · #96827B · #CD8879

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

#D0BBA8

Apricot · Tan · Warm Sun

HEX
#D0BBA8
RGB
rgb(208, 187, 168)
HSL
hsl(28, 30%, 74%)
HSB
hsb(28, 19%, 82%)
CMYK
cmyk(0%, 10%, 19%, 18%)
Oklch
oklch(80.5% 0.035 64.5)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#BCAB9B

Apricot · DarkGray · Warm Sun

HEX
#BCAB9B
RGB
rgb(188, 171, 155)
HSL
hsl(29, 20%, 67%)
HSB
hsb(29, 18%, 74%)
CMYK
cmyk(0%, 9%, 18%, 26%)
Oklch
oklch(75.1% 0.030 65.6)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#6F9EB4

Slate Blue · CadetBlue · Lake Green

HEX
#6F9EB4
RGB
rgb(111, 158, 180)
HSL
hsl(199, 32%, 57%)
HSB
hsb(199, 38%, 71%)
CMYK
cmyk(38%, 12%, 0%, 29%)
Oklch
oklch(67.4% 0.060 228.7)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

#96827B

Tangerine · Gray · Warm Sun

HEX
#96827B
RGB
rgb(150, 130, 123)
HSL
hsl(16, 11%, 54%)
HSB
hsb(16, 18%, 59%)
CMYK
cmyk(0%, 13%, 18%, 41%)
Oklch
oklch(62.3% 0.027 40.3)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#CD8879

Peach Pink · DarkSalmon · Coral Red

HEX
#CD8879
RGB
rgb(205, 136, 121)
HSL
hsl(11, 46%, 64%)
HSB
hsb(11, 41%, 80%)
CMYK
cmyk(0%, 34%, 41%, 20%)
Oklch
oklch(69.3% 0.088 32.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D0BBA8
A9BED1

Analogous

D1A9AA
D0BBA8
D1CFA9

Triadic

D0BBA8
A9D1BB
BBA9D1

Split-Comp.

D0BBA8
A9D1CF
A9AAD1

Tetradic

D0BBA8
AAD1A9
A9BED1
CFA9D1

Contrast Matrix WCAG 2.1 Contrast

D0BBA8
BCAB9B
6F9EB4
96827B
CD8879
—
1.2
Fail
1.6
Fail
2.0
Fail
1.5
Fail
1.2
Fail
—
1.3
Fail
1.6
Fail
1.3
Fail
1.6
Fail
1.3
Fail
—
1.3
Fail
1.0
Fail
2.0
Fail
1.6
Fail
1.3
Fail
—
1.3
Fail
1.5
Fail
1.3
Fail
1.0
Fail
1.3
Fail
—
White BG
1.8Fail
2.2Fail
2.9Fail
3.6AA Large
2.8Fail
Black BG
11.4AAA
9.4AAA
7.2AAA
5.8AA
7.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C7C7AD
B5B49F
8384AF
8D8D7D
AFAF7D

Deuteranopia

C8CAAE
B6B7A0
817DAD
8F907D
B3B87D

Tritanopia

CFB0B1
BBA2A3
71AAAA
957E7E
CA7F80

Achromatopsia

BFBFBF
AEAEAE
929292
878787
9B9B9B

Shades & Tints Shades & Tints

#D0BBA8

Dark
Light

#BCAB9B

Dark
Light

#6F9EB4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d0bba8;
  --color-2: #bcab9b;
  --color-3: #6f9eb4;
  --color-4: #96827b;
  --color-5: #cd8879;
}

SCSS

$color-1: #d0bba8;
$color-2: #bcab9b;
$color-3: #6f9eb4;
$color-4: #96827b;
$color-5: #cd8879;

TAILWIND

colors: {
  'brand-1': '#d0bba8',
  'brand-2': '#bcab9b',
  'brand-3': '#6f9eb4',
  'brand-4': '#96827b',
  'brand-5': '#cd8879',
}

RGB Array

[208, 187, 168], [188, 171, 155], [111, 158, 180], [150, 130, 123], [205, 136, 121]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D0BBA8, #BCAB9B, #6F9EB4, #96827B, #CD8879 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: #d0bba8; --color-2: #bcab9b; --color-3: #6f9eb4; --color-4: #96827b; --color-5: #cd8879. 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