← Back to Editor

#FFD9CC · #EDCDC2 · #D9BDB4 · #BAA7A0 · #A8918A

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

#FFD9CC

Apricot · Bisque · Peach Orange

HEX
#FFD9CC
RGB
rgb(255, 217, 204)
HSL
hsl(15, 100%, 90%)
HSB
hsb(15, 20%, 100%)
CMYK
cmyk(0%, 15%, 20%, 0%)
Oklch
oklch(91.4% 0.046 39.8)

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

#EDCDC2

Apricot · Pink · Peach Orange

HEX
#EDCDC2
RGB
rgb(237, 205, 194)
HSL
hsl(15, 54%, 85%)
HSB
hsb(15, 18%, 93%)
CMYK
cmyk(0%, 14%, 18%, 7%)
Oklch
oklch(87.2% 0.039 39.9)

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

#D9BDB4

Apricot · Silver · Peach Orange

HEX
#D9BDB4
RGB
rgb(217, 189, 180)
HSL
hsl(15, 33%, 78%)
HSB
hsb(15, 17%, 85%)
CMYK
cmyk(0%, 13%, 17%, 15%)
Oklch
oklch(82.0% 0.035 38.6)

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

#BAA7A0

Apricot · DarkGray · Warm Sun

HEX
#BAA7A0
RGB
rgb(186, 167, 160)
HSL
hsl(16, 16%, 68%)
HSB
hsb(16, 14%, 73%)
CMYK
cmyk(0%, 10%, 14%, 27%)
Oklch
oklch(74.3% 0.024 41.4)

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

#A8918A

Crimson · DarkGray · Passion Red

HEX
#A8918A
RGB
rgb(168, 145, 138)
HSL
hsl(14, 15%, 60%)
HSB
hsb(14, 18%, 66%)
CMYK
cmyk(0%, 14%, 18%, 34%)
Oklch
oklch(67.5% 0.030 37.6)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFD9CC
CCF2FF

Analogous

FFCCD9
FFD9CC
FFF2CC

Triadic

FFD9CC
CCFFD9
D9CCFF

Split-Comp.

FFD9CC
CCFFF2
CCD9FF

Tetradic

FFD9CC
D9FFCC
CCF2FF
F2CCFF

Contrast Matrix WCAG 2.1 Contrast

FFD9CC
EDCDC2
D9BDB4
BAA7A0
A8918A
—
1.1
Fail
1.3
Fail
1.8
Fail
2.3
Fail
1.1
Fail
—
1.2
Fail
1.5
Fail
2.0
Fail
1.3
Fail
1.2
Fail
—
1.3
Fail
1.7
Fail
1.8
Fail
1.5
Fail
1.3
Fail
—
1.3
Fail
2.3
Fail
2.0
Fail
1.7
Fail
1.3
Fail
—
White BG
1.3Fail
1.5Fail
1.8Fail
2.3Fail
3.0Fail
Black BG
16.0AAA
14.1AAA
11.9AAA
9.1AAA
7.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEECF
DFDFC5
CDCDB6
B2B2A2
9E9E8C

Deuteranopia

F1F4D0
E1E3C5
CFD1B7
B3B4A2
9FA18C

Tritanopia

FDD2D2
EBC7C7
D8B8B8
B9A3A3
A78D8D

Achromatopsia

E3E3E3
D5D5D5
C4C4C4
ACACAC
979797

Shades & Tints Shades & Tints

#FFD9CC

Dark
Light

#EDCDC2

Dark
Light

#D9BDB4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffd9cc;
  --color-2: #edcdc2;
  --color-3: #d9bdb4;
  --color-4: #baa7a0;
  --color-5: #a8918a;
}

SCSS

$color-1: #ffd9cc;
$color-2: #edcdc2;
$color-3: #d9bdb4;
$color-4: #baa7a0;
$color-5: #a8918a;

TAILWIND

colors: {
  'brand-1': '#ffd9cc',
  'brand-2': '#edcdc2',
  'brand-3': '#d9bdb4',
  'brand-4': '#baa7a0',
  'brand-5': '#a8918a',
}

RGB Array

[255, 217, 204], [237, 205, 194], [217, 189, 180], [186, 167, 160], [168, 145, 138]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFD9CC, #EDCDC2, #D9BDB4, #BAA7A0, #A8918A 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: #ffd9cc; --color-2: #edcdc2; --color-3: #d9bdb4; --color-4: #baa7a0; --color-5: #a8918a. 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 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