#FFC9B2 + #A69A87 + #BFB29B + #D9CAB0 + #F1E0C3 · skin - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FFC9B2

Apricot · Wheat · Peach Orange

HEX

#FFC9B2

RGB

rgb(255, 201, 178)

HSL

hsl(18, 100%, 85%)

HSB

hsb(18, 30%, 100%)

CMYK

cmyk(0%, 21%, 30%, 0%)

Oklch

oklch(87.8% 0.069 44.2)

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

#A69A87

Ginger · DarkGray · Warm Sun

HEX

#A69A87

RGB

rgb(166, 154, 135)

HSL

hsl(37, 15%, 59%)

HSB

hsb(37, 19%, 65%)

CMYK

cmyk(0%, 7%, 19%, 35%)

Oklch

oklch(69.1% 0.030 79.4)

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

#BFB29B

Ginger · Tan · Warm Sun

HEX

#BFB29B

RGB

rgb(191, 178, 155)

HSL

hsl(38, 22%, 68%)

HSB

hsb(38, 19%, 75%)

CMYK

cmyk(0%, 7%, 19%, 25%)

Oklch

oklch(76.8% 0.035 81.9)

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

#D9CAB0

Goose Yellow · Silver · Peach Orange

HEX

#D9CAB0

RGB

rgb(217, 202, 176)

HSL

hsl(38, 35%, 77%)

HSB

hsb(38, 19%, 85%)

CMYK

cmyk(0%, 7%, 19%, 15%)

Oklch

oklch(84.4% 0.039 81.5)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#F1E0C3

Goose Yellow · Bisque · Peach Orange

HEX

#F1E0C3

RGB

rgb(241, 224, 195)

HSL

hsl(38, 62%, 85%)

HSB

hsb(38, 19%, 95%)

CMYK

cmyk(0%, 7%, 19%, 5%)

Oklch

oklch(91.3% 0.043 81.1)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFC9B2

B3E8FF

Analogous

FFB3C2

FFC9B2

FFF0B3

Triadic

FFC9B2

B3FFC9

C9B3FF

Split-Comp.

FFC9B2

B3FFF0

B3C2FF

Tetradic

FFC9B2

C2FFB3

B3E8FF

F0B3FF

Contrast Matrix WCAG 2.1 Contrast

FFC9B2	A69A87	BFB29B	D9CAB0	F1E0C3
—	1.9 Fail	1.4 Fail	1.1 Fail	1.1 Fail
1.9 Fail	—	1.3 Fail	1.7 Fail	2.1 Fail
1.4 Fail	1.3 Fail	—	1.3 Fail	1.6 Fail
1.1 Fail	1.7 Fail	1.3 Fail	—	1.2 Fail
1.1 Fail	2.1 Fail	1.6 Fail	1.2 Fail	—

White BG

1.5Fail

2.8Fail

2.1Fail

1.6Fail

1.3Fail

Black BG

14.2AAA

7.6AAA

10.1AAA

13.0AAA

16.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E8E7B8

A1A18C

B9B9A1

D3D2B6

EAE9CA

Deuteranopia

EBEFB9

A2A28D

BABBA2

D3D4B8

EBECCC

Tritanopia

FCBCBD

A58F90

BEA5A6

D8BBBC

F0D0D1

Achromatopsia

D7D7D7

9B9B9B

B3B3B3

CCCCCC

E2E2E2

Shades & Tints Shades & Tints

#FFC9B2

Dark

Light

#A69A87

Dark

Light

#BFB29B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffc9b2;
  --color-2: #a69a87;
  --color-3: #bfb29b;
  --color-4: #d9cab0;
  --color-5: #f1e0c3;
}

SCSS

$color-1: #ffc9b2;
$color-2: #a69a87;
$color-3: #bfb29b;
$color-4: #d9cab0;
$color-5: #f1e0c3;

TAILWIND

colors: {
  'brand-1': '#ffc9b2',
  'brand-2': '#a69a87',
  'brand-3': '#bfb29b',
  'brand-4': '#d9cab0',
  'brand-5': '#f1e0c3',
}

RGB Array

[255, 201, 178], [166, 154, 135], [191, 178, 155], [217, 202, 176], [241, 224, 195]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This skin-style palette of #FFC9B2, #A69A87, #BFB29B, #D9CAB0, #F1E0C3 is ideal for: health products, baby brands, fresh-style blogs. 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: #ffc9b2; --color-2: #a69a87; --color-3: #bfb29b; --color-4: #d9cab0; --color-5: #f1e0c3. 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 skin-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