← Back to Editor

#BFB9A9 · #BE9A7A · #F05889 · #FB88A7 · #FBA4AC

warm

A 5-color warm 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

#BFB9A9

Goose Yellow · Silver · Sunflower

HEX
#BFB9A9
RGB
rgb(191, 185, 169)
HSL
hsl(44, 15%, 71%)
HSB
hsb(44, 12%, 75%)
CMYK
cmyk(0%, 3%, 12%, 25%)
Oklch
oklch(78.6% 0.023 89.8)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#BE9A7A

Apricot · Tan · Warm Sun

HEX
#BE9A7A
RGB
rgb(190, 154, 122)
HSL
hsl(28, 34%, 61%)
HSB
hsb(28, 36%, 75%)
CMYK
cmyk(0%, 19%, 36%, 25%)
Oklch
oklch(71.1% 0.062 63.2)

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

#F05889

Rouge · LightCoral · Rose Pink

HEX
#F05889
RGB
rgb(240, 88, 137)
HSL
hsl(341, 84%, 64%)
HSB
hsb(341, 63%, 94%)
CMYK
cmyk(0%, 63%, 43%, 6%)
Oklch
oklch(67.3% 0.190 3.9)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#FB88A7

Rouge · LightCoral · Cherry Blossom

HEX
#FB88A7
RGB
rgb(251, 136, 167)
HSL
hsl(344, 93%, 76%)
HSB
hsb(344, 46%, 98%)
CMYK
cmyk(0%, 46%, 33%, 2%)
Oklch
oklch(76.1% 0.143 3.8)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#FBA4AC

Peach Pink · LightPink · Cherry Blossom

HEX
#FBA4AC
RGB
rgb(251, 164, 172)
HSL
hsl(354, 92%, 81%)
HSB
hsb(354, 35%, 98%)
CMYK
cmyk(0%, 35%, 31%, 2%)
Oklch
oklch(80.7% 0.104 13.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BFB9A9
AAB0C0

Analogous

C0AFAA
BFB9A9
BBC0AA

Triadic

BFB9A9
AAC0BA
BAAAC0

Split-Comp.

BFB9A9
AABBC0
AFAAC0

Tetradic

BFB9A9
AAC0AF
AAB0C0
C0AABB

Contrast Matrix WCAG 2.1 Contrast

BFB9A9
BE9A7A
F05889
FB88A7
FBA4AC
—
1.3
Fail
1.7
Fail
1.2
Fail
1.0
Fail
1.3
Fail
—
1.3
Fail
1.1
Fail
1.4
Fail
1.7
Fail
1.3
Fail
—
1.4
Fail
1.7
Fail
1.2
Fail
1.1
Fail
1.4
Fail
—
1.2
Fail
1.0
Fail
1.4
Fail
1.7
Fail
1.2
Fail
—
White BG
2.0Fail
2.6Fail
3.2AA Large
2.3Fail
1.9Fail
Black BG
10.7AAA
8.1AAA
6.5AA
9.2AAA
11.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BCBCAD
AEAE82
AEAD7D
C9C89F
D5D5AA

Deuteranopia

BDBDAE
B1B384
B7C27A
D0D99E
DAE1AA

Tritanopia

BFB0B1
BC8889
E87472
F59A98
F7A9A8

Achromatopsia

B9B9B9
A1A1A1
8B8B8B
AEAEAE
BFBFBF

Shades & Tints Shades & Tints

#BFB9A9

Dark
Light

#BE9A7A

Dark
Light

#F05889

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bfb9a9;
  --color-2: #be9a7a;
  --color-3: #f05889;
  --color-4: #fb88a7;
  --color-5: #fba4ac;
}

SCSS

$color-1: #bfb9a9;
$color-2: #be9a7a;
$color-3: #f05889;
$color-4: #fb88a7;
$color-5: #fba4ac;

TAILWIND

colors: {
  'brand-1': '#bfb9a9',
  'brand-2': '#be9a7a',
  'brand-3': '#f05889',
  'brand-4': '#fb88a7',
  'brand-5': '#fba4ac',
}

RGB Array

[191, 185, 169], [190, 154, 122], [240, 88, 137], [251, 136, 167], [251, 164, 172]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #BFB9A9, #BE9A7A, #F05889, #FB88A7, #FBA4AC 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: #bfb9a9; --color-2: #be9a7a; --color-3: #f05889; --color-4: #fb88a7; --color-5: #fba4ac. 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 warm-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