← Back to Editor

#BD9F95 · #FFE7D4 · #FFCBBA · #FBA9B5 · #D99CAB

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#BD9F95

Apricot · DarkGray · Warm Sun

HEX
#BD9F95
RGB
rgb(189, 159, 149)
HSL
hsl(15, 23%, 66%)
HSB
hsb(15, 21%, 74%)
CMYK
cmyk(0%, 16%, 21%, 26%)
Oklch
oklch(72.7% 0.038 39.3)

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

#FFE7D4

Apricot · Bisque · Peach Orange

HEX
#FFE7D4
RGB
rgb(255, 231, 212)
HSL
hsl(27, 100%, 92%)
HSB
hsb(27, 17%, 100%)
CMYK
cmyk(0%, 9%, 17%, 0%)
Oklch
oklch(94.2% 0.037 60.7)

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

#FFCBBA

Apricot · Pink · Peach Orange

HEX
#FFCBBA
RGB
rgb(255, 203, 186)
HSL
hsl(15, 100%, 86%)
HSB
hsb(15, 27%, 100%)
CMYK
cmyk(0%, 20%, 27%, 0%)
Oklch
oklch(88.3% 0.064 38.9)

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

#FBA9B5

Peach Pink · LightPink · Cherry Blossom

HEX
#FBA9B5
RGB
rgb(251, 169, 181)
HSL
hsl(351, 91%, 82%)
HSB
hsb(351, 33%, 98%)
CMYK
cmyk(0%, 33%, 28%, 2%)
Oklch
oklch(81.7% 0.098 9.8)

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

#D99CAB

Peach Pink · Tan · Coral Red

HEX
#D99CAB
RGB
rgb(217, 156, 171)
HSL
hsl(345, 45%, 73%)
HSB
hsb(345, 28%, 85%)
CMYK
cmyk(0%, 28%, 21%, 15%)
Oklch
oklch(75.5% 0.075 2.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BD9F95
94B2BC

Analogous

BC949E
BD9F95
BCB294

Triadic

BD9F95
94BC9E
9E94BC

Split-Comp.

BD9F95
94BCB2
949EBC

Tetradic

BD9F95
9EBC94
94B2BC
B294BC

Contrast Matrix WCAG 2.1 Contrast

BD9F95
FFE7D4
FFCBBA
FBA9B5
D99CAB
—
2.1
Fail
1.7
Fail
1.3
Fail
1.1
Fail
2.1
Fail
—
1.2
Fail
1.5
Fail
1.9
Fail
1.7
Fail
1.2
Fail
—
1.3
Fail
1.6
Fail
1.3
Fail
1.5
Fail
1.3
Fail
—
1.2
Fail
1.1
Fail
1.9
Fail
1.6
Fail
1.2
Fail
—
White BG
2.5Fail
1.2Fail
1.4Fail
1.8Fail
2.3Fail
Black BG
8.6AAA
17.6AAA
14.5AAA
11.4AAA
9.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B0B097
F5F4D9
E8E8BE
D7D7B2
BFBEA7

Deuteranopia

B2B498
F6F8DA
ECEFBF
DCE2B1
C2C7A7

Tritanopia

BB999A
FEDCDD
FCC1C2
F7B0AF
D6A5A4

Achromatopsia

A7A7A7
ECECEC
D9D9D9
C3C3C3
B0B0B0

Shades & Tints Shades & Tints

#BD9F95

Dark
Light

#FFE7D4

Dark
Light

#FFCBBA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bd9f95;
  --color-2: #ffe7d4;
  --color-3: #ffcbba;
  --color-4: #fba9b5;
  --color-5: #d99cab;
}

SCSS

$color-1: #bd9f95;
$color-2: #ffe7d4;
$color-3: #ffcbba;
$color-4: #fba9b5;
$color-5: #d99cab;

TAILWIND

colors: {
  'brand-1': '#bd9f95',
  'brand-2': '#ffe7d4',
  'brand-3': '#ffcbba',
  'brand-4': '#fba9b5',
  'brand-5': '#d99cab',
}

RGB Array

[189, 159, 149], [255, 231, 212], [255, 203, 186], [251, 169, 181], [217, 156, 171]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BD9F95, #FFE7D4, #FFCBBA, #FBA9B5, #D99CAB is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #bd9f95; --color-2: #ffe7d4; --color-3: #ffcbba; --color-4: #fba9b5; --color-5: #d99cab. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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