#BD7F8C + #B3988D + #D7B297 + #E1CEAE + #DBDEB3 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#BD7F8C

Peach Pink · LightCoral · Coral Red

HEX

#BD7F8C

RGB

rgb(189, 127, 140)

HSL

hsl(347, 32%, 62%)

HSB

hsb(347, 33%, 74%)

CMYK

cmyk(0%, 33%, 26%, 26%)

Oklch

oklch(66.3% 0.079 5.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#B3988D

Apricot · DarkGray · Warm Sun

HEX

#B3988D

RGB

rgb(179, 152, 141)

HSL

hsl(17, 20%, 63%)

HSB

hsb(17, 21%, 70%)

CMYK

cmyk(0%, 15%, 21%, 30%)

Oklch

oklch(70.1% 0.036 43.4)

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

#D7B297

Apricot · Tan · Warm Sun

HEX

#D7B297

RGB

rgb(215, 178, 151)

HSL

hsl(25, 44%, 72%)

HSB

hsb(25, 30%, 84%)

CMYK

cmyk(0%, 17%, 30%, 16%)

Oklch

oklch(78.9% 0.057 57.9)

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

#E1CEAE

Goose Yellow · Wheat · Peach Orange

HEX

#E1CEAE

RGB

rgb(225, 206, 174)

HSL

hsl(38, 46%, 78%)

HSB

hsb(38, 23%, 88%)

CMYK

cmyk(0%, 8%, 23%, 12%)

Oklch

oklch(85.9% 0.048 80.8)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#DBDEB3

Fresh Green · Wheat · Lemon Cream

HEX

#DBDEB3

RGB

rgb(219, 222, 179)

HSL

hsl(64, 39%, 79%)

HSB

hsb(64, 19%, 87%)

CMYK

cmyk(1%, 0%, 19%, 13%)

Oklch

oklch(88.7% 0.057 110.8)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BD7F8C

7FBDB0

Analogous

BD7FAC

BD7F8C

BD917F

Triadic

BD7F8C

8DBD7F

7F8DBD

Split-Comp.

BD7F8C

7FBD91

7FACBD

Tetradic

BD7F8C

ACBD7F

7FBDB0

917FBD

Contrast Matrix WCAG 2.1 Contrast

BD7F8C	B3988D	D7B297	E1CEAE	DBDEB3
—	1.2 Fail	1.6 Fail	2.1 Fail	2.3 Fail
1.2 Fail	—	1.4 Fail	1.8 Fail	1.9 Fail
1.6 Fail	1.4 Fail	—	1.3 Fail	1.4 Fail
2.1 Fail	1.8 Fail	1.3 Fail	—	1.1 Fail
2.3 Fail	1.9 Fail	1.4 Fail	1.1 Fail	—

White BG

3.2AA Large

2.7Fail

2.0Fail

1.5Fail

1.4Fail

Black BG

6.6AA

7.8AAA

10.7AAA

13.6AAA

15.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A2A289

A7A790

C7C79E

D9D9B6

DCDCBD

Deuteranopia

A6AA88

A9AB90

C9CC9F

DADBB8

DCDCC0

Tritanopia

BA8686

B29292

D5A3A4

E0BCBD

DBC6C7

Achromatopsia

939393

9F9F9F

BABABA

D0D0D0

D8D8D8

Shades & Tints Shades & Tints

#BD7F8C

Dark

Light

#B3988D

Dark

Light

#D7B297

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bd7f8c;
  --color-2: #b3988d;
  --color-3: #d7b297;
  --color-4: #e1ceae;
  --color-5: #dbdeb3;
}

SCSS

$color-1: #bd7f8c;
$color-2: #b3988d;
$color-3: #d7b297;
$color-4: #e1ceae;
$color-5: #dbdeb3;

TAILWIND

colors: {
  'brand-1': '#bd7f8c',
  'brand-2': '#b3988d',
  'brand-3': '#d7b297',
  'brand-4': '#e1ceae',
  'brand-5': '#dbdeb3',
}

RGB Array

[189, 127, 140], [179, 152, 141], [215, 178, 151], [225, 206, 174], [219, 222, 179]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BD7F8C, #B3988D, #D7B297, #E1CEAE, #DBDEB3 is ideal for: health products, baby brands, fresh-style blogs. 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: #bd7f8c; --color-2: #b3988d; --color-3: #d7b297; --color-4: #e1ceae; --color-5: #dbdeb3. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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.

🎨 Open this palette in Editor →

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