← Back to Editor

#BAA39B · #FFD4B9 · #9F8672 · #FAA98B · #FFB9B1

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

#BAA39B

Apricot · DarkGray · Warm Sun

HEX
#BAA39B
RGB
rgb(186, 163, 155)
HSL
hsl(15, 18%, 67%)
HSB
hsb(15, 17%, 73%)
CMYK
cmyk(0%, 12%, 17%, 27%)
Oklch
oklch(73.3% 0.029 40.1)

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

#FFD4B9

Apricot · Wheat · Peach Orange

HEX
#FFD4B9
RGB
rgb(255, 212, 185)
HSL
hsl(23, 100%, 86%)
HSB
hsb(23, 27%, 100%)
CMYK
cmyk(0%, 17%, 27%, 0%)
Oklch
oklch(90.0% 0.060 53.9)

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

#9F8672

Tangerine · Gray · Warm Sun

HEX
#9F8672
RGB
rgb(159, 134, 114)
HSL
hsl(27, 19%, 54%)
HSB
hsb(27, 28%, 62%)
CMYK
cmyk(0%, 16%, 28%, 38%)
Oklch
oklch(63.8% 0.042 60.6)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#FAA98B

Apricot · LightSalmon · Peach Orange

HEX
#FAA98B
RGB
rgb(250, 169, 139)
HSL
hsl(16, 92%, 76%)
HSB
hsb(16, 44%, 98%)
CMYK
cmyk(0%, 32%, 44%, 2%)
Oklch
oklch(80.7% 0.105 41.1)

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

#FFB9B1

Peach Pink · LightPink · Cherry Blossom

HEX
#FFB9B1
RGB
rgb(255, 185, 177)
HSL
hsl(6, 100%, 85%)
HSB
hsb(6, 31%, 100%)
CMYK
cmyk(0%, 27%, 31%, 0%)
Oklch
oklch(84.9% 0.083 26.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BAA39B
9CB2BA

Analogous

BA9CA3
BAA39B
BAB29C

Triadic

BAA39B
9CBAA3
A39CBA

Split-Comp.

BAA39B
9CBAB2
9CA3BA

Tetradic

BAA39B
A3BA9C
9CB2BA
B29CBA

Contrast Matrix WCAG 2.1 Contrast

BAA39B
FFD4B9
9F8672
FAA98B
FFB9B1
—
1.7
Fail
1.4
Fail
1.3
Fail
1.5
Fail
1.7
Fail
—
2.5
Fail
1.4
Fail
1.2
Fail
1.4
Fail
2.5
Fail
—
1.8
Fail
2.1
Fail
1.3
Fail
1.4
Fail
1.8
Fail
—
1.2
Fail
1.5
Fail
1.2
Fail
2.1
Fail
1.2
Fail
—
White BG
2.4Fail
1.4Fail
3.4AA Large
1.9Fail
1.6Fail
Black BG
8.8AAA
15.4AAA
6.1AA
11.1AAA
12.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B0B09D
ECECC0
949477
D7D692
E1E0B3

Deuteranopia

B1B39D
EFF2C1
969878
DCE294
E5EAB3

Tritanopia

B99E9F
FDC5C6
9E7B7C
F69899
FCB4B5

Achromatopsia

A9A9A9
DEDEDE
8B8B8B
BEBEBE
CDCDCD

Shades & Tints Shades & Tints

#BAA39B

Dark
Light

#FFD4B9

Dark
Light

#9F8672

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #baa39b;
  --color-2: #ffd4b9;
  --color-3: #9f8672;
  --color-4: #faa98b;
  --color-5: #ffb9b1;
}

SCSS

$color-1: #baa39b;
$color-2: #ffd4b9;
$color-3: #9f8672;
$color-4: #faa98b;
$color-5: #ffb9b1;

TAILWIND

colors: {
  'brand-1': '#baa39b',
  'brand-2': '#ffd4b9',
  'brand-3': '#9f8672',
  'brand-4': '#faa98b',
  'brand-5': '#ffb9b1',
}

RGB Array

[186, 163, 155], [255, 212, 185], [159, 134, 114], [250, 169, 139], [255, 185, 177]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BAA39B, #FFD4B9, #9F8672, #FAA98B, #FFB9B1 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: #baa39b; --color-2: #ffd4b9; --color-3: #9f8672; --color-4: #faa98b; --color-5: #ffb9b1. 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