#BE8F89 + #FFB3AA + #DFBAB1 + #DACBB8 + #FDDFB9 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#BE8F89

Peach Pink · Tan · Coral Red

HEX

#BE8F89

RGB

rgb(190, 143, 137)

HSL

hsl(7, 29%, 64%)

HSB

hsb(7, 28%, 75%)

CMYK

cmyk(0%, 25%, 28%, 25%)

Oklch

oklch(69.3% 0.058 26.9)

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

#FFB3AA

Peach Pink · LightPink · Cherry Blossom

HEX

#FFB3AA

RGB

rgb(255, 179, 170)

HSL

hsl(6, 100%, 83%)

HSB

hsb(6, 33%, 100%)

CMYK

cmyk(0%, 30%, 33%, 0%)

Oklch

oklch(83.6% 0.090 26.7)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#DFBAB1

Peach Pink · Silver · Coral Red

HEX

#DFBAB1

RGB

rgb(223, 186, 177)

HSL

hsl(12, 42%, 78%)

HSB

hsb(12, 21%, 87%)

CMYK

cmyk(0%, 17%, 21%, 13%)

Oklch

oklch(81.9% 0.045 33.9)

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

#DACBB8

Goose Yellow · LightGray · Peach Orange

HEX

#DACBB8

RGB

rgb(218, 203, 184)

HSL

hsl(34, 31%, 79%)

HSB

hsb(34, 16%, 85%)

CMYK

cmyk(0%, 7%, 16%, 15%)

Oklch

oklch(84.9% 0.031 73.9)

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

#FDDFB9

Goose Yellow · Wheat · Peach Orange

HEX

#FDDFB9

RGB

rgb(253, 223, 185)

HSL

hsl(34, 94%, 86%)

HSB

hsb(34, 27%, 99%)

CMYK

cmyk(0%, 12%, 27%, 1%)

Oklch

oklch(91.9% 0.060 73.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BE8F89

89B8BE

Analogous

BE899D

BE8F89

BEA989

Triadic

BE8F89

89BE8F

8F89BE

Split-Comp.

BE8F89

89BEA9

899DBE

Tetradic

BE8F89

9DBE89

89B8BE

A989BE

Contrast Matrix WCAG 2.1 Contrast

BE8F89	FFB3AA	DFBAB1	DACBB8	FDDFB9
—	1.6 Fail	1.6 Fail	1.8 Fail	2.2 Fail
1.6 Fail	—	1.0 Fail	1.1 Fail	1.3 Fail
1.6 Fail	1.0 Fail	—	1.1 Fail	1.4 Fail
1.8 Fail	1.1 Fail	1.1 Fail	—	1.2 Fail
2.2 Fail	1.3 Fail	1.4 Fail	1.2 Fail	—

White BG

2.8Fail

1.7Fail

1.8Fail

1.6Fail

1.3Fail

Black BG

7.5AAA

12.3AAA

11.8AAA

13.2AAA

16.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AAA98A

DEDDAC

CFCFB3

D4D3BD

F0F0C2

Deuteranopia

ACB08B

E3E8AD

D1D4B4

D4D6BE

F2F4C4

Tritanopia

BC8C8C

FBAEAE

DDB5B5

D9C0C1

FCC9CB

Achromatopsia

9C9C9C

C9C9C9

C4C4C4

CDCDCD

E4E4E4

Shades & Tints Shades & Tints

#BE8F89

Dark

Light

#FFB3AA

Dark

Light

#DFBAB1

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #be8f89;
  --color-2: #ffb3aa;
  --color-3: #dfbab1;
  --color-4: #dacbb8;
  --color-5: #fddfb9;
}

SCSS

$color-1: #be8f89;
$color-2: #ffb3aa;
$color-3: #dfbab1;
$color-4: #dacbb8;
$color-5: #fddfb9;

TAILWIND

colors: {
  'brand-1': '#be8f89',
  'brand-2': '#ffb3aa',
  'brand-3': '#dfbab1',
  'brand-4': '#dacbb8',
  'brand-5': '#fddfb9',
}

RGB Array

[190, 143, 137], [255, 179, 170], [223, 186, 177], [218, 203, 184], [253, 223, 185]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BE8F89, #FFB3AA, #DFBAB1, #DACBB8, #FDDFB9 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: #be8f89; --color-2: #ffb3aa; --color-3: #dfbab1; --color-4: #dacbb8; --color-5: #fddfb9. 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