← Back to Editor

#B39A84 · #C4AF92 · #DED1CB · #E5E1DE · #C5C0C6

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#B39A84

Apricot · DarkGray · Warm Sun

HEX
#B39A84
RGB
rgb(179, 154, 132)
HSL
hsl(28, 24%, 61%)
HSB
hsb(28, 26%, 70%)
CMYK
cmyk(0%, 14%, 26%, 30%)
Oklch
oklch(70.3% 0.043 63.4)

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

#C4AF92

Ginger · Tan · Warm Sun

HEX
#C4AF92
RGB
rgb(196, 175, 146)
HSL
hsl(35, 30%, 67%)
HSB
hsb(35, 26%, 77%)
CMYK
cmyk(0%, 11%, 26%, 23%)
Oklch
oklch(76.4% 0.047 75.8)

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

#DED1CB

Apricot · LightGray · Peach Orange

HEX
#DED1CB
RGB
rgb(222, 209, 203)
HSL
hsl(19, 22%, 83%)
HSB
hsb(19, 9%, 87%)
CMYK
cmyk(0%, 6%, 9%, 13%)
Oklch
oklch(87.0% 0.017 46.5)

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

#E5E1DE

Apricot · LightGray · Peach Orange

HEX
#E5E1DE
RGB
rgb(229, 225, 222)
HSL
hsl(26, 12%, 88%)
HSB
hsb(26, 3%, 90%)
CMYK
cmyk(0%, 2%, 3%, 10%)
Oklch
oklch(91.2% 0.006 59.6)

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

#C5C0C6

Silver Gray · Silver · Pearl Gray

HEX
#C5C0C6
RGB
rgb(197, 192, 198)
HSL
hsl(290, 5%, 76%)
HSB
hsb(290, 3%, 78%)
CMYK
cmyk(1%, 3%, 0%, 22%)
Oklch
oklch(81.4% 0.010 320.6)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B39A84
849DB3

Analogous

B38485
B39A84
B3B284

Triadic

B39A84
84B39A
9A84B3

Split-Comp.

B39A84
84B3B2
8485B3

Tetradic

B39A84
85B384
849DB3
B284B3

Contrast Matrix WCAG 2.1 Contrast

B39A84
C4AF92
DED1CB
E5E1DE
C5C0C6
—
1.3
Fail
1.8
Fail
2.1
Fail
1.5
Fail
1.3
Fail
—
1.4
Fail
1.6
Fail
1.2
Fail
1.8
Fail
1.4
Fail
—
1.1
Fail
1.2
Fail
2.1
Fail
1.6
Fail
1.1
Fail
—
1.4
Fail
1.5
Fail
1.2
Fail
1.2
Fail
1.4
Fail
—
White BG
2.7Fail
2.1Fail
1.5Fail
1.3Fail
1.8Fail
Black BG
7.9AAA
9.9AAA
14.1AAA
16.2AAA
11.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A8A889
BBBB99
D8D8CC
E3E3DF
C3C3C5

Deuteranopia

AAAC8B
BCBE9B
D9DACD
E4E4DF
C3C3C4

Tritanopia

B28E8E
C39FA0
DDCECE
E5DFDF
C5C3C3

Achromatopsia

9F9F9F
B2B2B2
D4D4D4
E2E2E2
C2C2C2

Shades & Tints Shades & Tints

#B39A84

Dark
Light

#C4AF92

Dark
Light

#DED1CB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b39a84;
  --color-2: #c4af92;
  --color-3: #ded1cb;
  --color-4: #e5e1de;
  --color-5: #c5c0c6;
}

SCSS

$color-1: #b39a84;
$color-2: #c4af92;
$color-3: #ded1cb;
$color-4: #e5e1de;
$color-5: #c5c0c6;

TAILWIND

colors: {
  'brand-1': '#b39a84',
  'brand-2': '#c4af92',
  'brand-3': '#ded1cb',
  'brand-4': '#e5e1de',
  'brand-5': '#c5c0c6',
}

RGB Array

[179, 154, 132], [196, 175, 146], [222, 209, 203], [229, 225, 222], [197, 192, 198]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B39A84, #C4AF92, #DED1CB, #E5E1DE, #C5C0C6 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #b39a84; --color-2: #c4af92; --color-3: #ded1cb; --color-4: #e5e1de; --color-5: #c5c0c6. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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