← Back to Editor

#966952 · #E7C5BB · #FFDED6 · #FBC5C5 · #BD9C73

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

WorkspaceReadingData Visualization

Color Details Color Details

#966952

Tangerine · Sienna · Amber Brown

HEX
#966952
RGB
rgb(150, 105, 82)
HSL
hsl(20, 29%, 45%)
HSB
hsb(20, 45%, 59%)
CMYK
cmyk(0%, 30%, 45%, 41%)
Oklch
oklch(56.2% 0.067 48.0)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#E7C5BB

Peach Pink · LightPink · Cherry Blossom

HEX
#E7C5BB
RGB
rgb(231, 197, 187)
HSL
hsl(14, 48%, 82%)
HSB
hsb(14, 19%, 91%)
CMYK
cmyk(0%, 15%, 19%, 9%)
Oklch
oklch(85.0% 0.041 37.0)

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

#FFDED6

Peach Pink · Bisque · Cherry Blossom

HEX
#FFDED6
RGB
rgb(255, 222, 214)
HSL
hsl(12, 100%, 92%)
HSB
hsb(12, 16%, 100%)
CMYK
cmyk(0%, 13%, 16%, 0%)
Oklch
oklch(92.6% 0.038 33.8)

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

#FBC5C5

Peach Pink · Pink · Cherry Blossom

HEX
#FBC5C5
RGB
rgb(251, 197, 197)
HSL
hsl(0, 87%, 88%)
HSB
hsb(0, 22%, 98%)
CMYK
cmyk(0%, 22%, 22%, 2%)
Oklch
oklch(87.1% 0.062 18.4)

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

#BD9C73

Ginger · Tan · Warm Sun

HEX
#BD9C73
RGB
rgb(189, 156, 115)
HSL
hsl(33, 36%, 60%)
HSB
hsb(33, 39%, 74%)
CMYK
cmyk(0%, 17%, 39%, 26%)
Oklch
oklch(71.3% 0.068 72.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

966952
517E94

Analogous

94515D
966952
948951

Triadic

966952
519468
685194

Split-Comp.

966952
519489
515D94

Tetradic

966952
5D9451
517E94
895194

Contrast Matrix WCAG 2.1 Contrast

966952
E7C5BB
FFDED6
FBC5C5
BD9C73
—
3.0
Fail
3.8
AA Large
3.1
AA Large
1.8
Fail
3.0
Fail
—
1.3
Fail
1.1
Fail
1.6
Fail
3.8
AA Large
1.3
Fail
—
1.2
Fail
2.0
Fail
3.1
AA Large
1.1
Fail
1.2
Fail
—
1.7
Fail
1.8
Fail
1.6
Fail
2.0
Fail
1.7
Fail
—
White BG
4.7AA
1.6Fail
1.3Fail
1.5Fail
2.6Fail
Black BG
4.4AA Large
13.1AAA
16.7AAA
13.9AAA
8.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

838258
D8D8BD
F1F0D8
E4E3C5
AFAE7D

Deuteranopia

858959
DADDBE
F3F5D8
E7EBC5
B1B37F

Tritanopia

945C5D
E5BFC0
FDD9DA
F8C5C5
BB8586

Achromatopsia

747474
CECECE
E7E7E7
D5D5D5
A1A1A1

Shades & Tints Shades & Tints

#966952

Dark
Light

#E7C5BB

Dark
Light

#FFDED6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #966952;
  --color-2: #e7c5bb;
  --color-3: #ffded6;
  --color-4: #fbc5c5;
  --color-5: #bd9c73;
}

SCSS

$color-1: #966952;
$color-2: #e7c5bb;
$color-3: #ffded6;
$color-4: #fbc5c5;
$color-5: #bd9c73;

TAILWIND

colors: {
  'brand-1': '#966952',
  'brand-2': '#e7c5bb',
  'brand-3': '#ffded6',
  'brand-4': '#fbc5c5',
  'brand-5': '#bd9c73',
}

RGB Array

[150, 105, 82], [231, 197, 187], [255, 222, 214], [251, 197, 197], [189, 156, 115]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #966952, #E7C5BB, #FFDED6, #FBC5C5, #BD9C73 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #966952; --color-2: #e7c5bb; --color-3: #ffded6; --color-4: #fbc5c5; --color-5: #bd9c73. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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