#B28F8B + #D99997 + #E4AE94 + #E1C89F + #EBD7B4 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#B28F8B

Peach Pink · DarkGray · Coral Red

HEX

#B28F8B

RGB

rgb(178, 143, 139)

HSL

hsl(6, 20%, 62%)

HSB

hsb(6, 22%, 70%)

CMYK

cmyk(0%, 20%, 22%, 30%)

Oklch

oklch(68.1% 0.043 25.8)

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

#D99997

Peach Pink · Tan · Coral Red

HEX

#D99997

RGB

rgb(217, 153, 151)

HSL

hsl(2, 46%, 72%)

HSB

hsb(2, 30%, 85%)

CMYK

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

Oklch

oklch(74.4% 0.077 21.1)

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

#E4AE94

Apricot · BurlyWood · Warm Sun

HEX

#E4AE94

RGB

rgb(228, 174, 148)

HSL

hsl(19, 60%, 74%)

HSB

hsb(19, 35%, 89%)

CMYK

cmyk(0%, 24%, 35%, 11%)

Oklch

oklch(79.4% 0.073 46.9)

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

#E1C89F

Goose Yellow · BurlyWood · Warm Sun

HEX

#E1C89F

RGB

rgb(225, 200, 159)

HSL

hsl(37, 52%, 75%)

HSB

hsb(37, 29%, 88%)

CMYK

cmyk(0%, 11%, 29%, 12%)

Oklch

oklch(84.4% 0.061 80.0)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#EBD7B4

Goose Yellow · Wheat · Peach Orange

HEX

#EBD7B4

RGB

rgb(235, 215, 180)

HSL

hsl(38, 58%, 81%)

HSB

hsb(38, 23%, 92%)

CMYK

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

Oklch

oklch(88.7% 0.051 81.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B28F8B

8BAEB1

Analogous

B18B9A

B28F8B

B1A28B

Triadic

B28F8B

8BB18F

8F8BB1

Split-Comp.

B28F8B

8BB1A2

8B9AB1

Tetradic

B28F8B

9AB18B

8BAEB1

A28BB1

Contrast Matrix WCAG 2.1 Contrast

B28F8B	D99997	E4AE94	E1C89F	EBD7B4
—	1.2 Fail	1.5 Fail	1.8 Fail	2.1 Fail
1.2 Fail	—	1.2 Fail	1.4 Fail	1.7 Fail
1.5 Fail	1.2 Fail	—	1.2 Fail	1.4 Fail
1.8 Fail	1.4 Fail	1.2 Fail	—	1.2 Fail
2.1 Fail	1.7 Fail	1.4 Fail	1.2 Fail	—

White BG

2.9Fail

2.3Fail

1.9Fail

1.6Fail

1.4Fail

Black BG

7.2AAA

9.0AAA

10.8AAA

13.0AAA

14.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A3A38C

BDBD97

CDCC9A

D6D6A9

E2E2BC

Deuteranopia

A5A88C

C1C698

D0D49C

D8DAAB

E4E5BF

Tritanopia

B08D8D

D69898

E19FA0

E0B1B2

EAC3C5

Achromatopsia

999999

ACACAC

BBBBBB

CBCBCB

D9D9D9

Shades & Tints Shades & Tints

#B28F8B

Dark

Light

#D99997

Dark

Light

#E4AE94

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b28f8b;
  --color-2: #d99997;
  --color-3: #e4ae94;
  --color-4: #e1c89f;
  --color-5: #ebd7b4;
}

SCSS

$color-1: #b28f8b;
$color-2: #d99997;
$color-3: #e4ae94;
$color-4: #e1c89f;
$color-5: #ebd7b4;

TAILWIND

colors: {
  'brand-1': '#b28f8b',
  'brand-2': '#d99997',
  'brand-3': '#e4ae94',
  'brand-4': '#e1c89f',
  'brand-5': '#ebd7b4',
}

RGB Array

[178, 143, 139], [217, 153, 151], [228, 174, 148], [225, 200, 159], [235, 215, 180]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B28F8B, #D99997, #E4AE94, #E1C89F, #EBD7B4 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: #b28f8b; --color-2: #d99997; --color-3: #e4ae94; --color-4: #e1c89f; --color-5: #ebd7b4. 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