#D8DBCC + #FFEFD5 + #FFD9C6 + #EBC3B2 + #BA8F8F - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D8DBCC

Willow Green · LightGray · Mint Green

HEX

#D8DBCC

RGB

rgb(216, 219, 204)

HSL

hsl(72, 17%, 83%)

HSB

hsb(72, 7%, 86%)

CMYK

cmyk(1%, 0%, 7%, 14%)

Oklch

oklch(88.5% 0.020 116.0)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#FFEFD5

Goose Yellow · Beige · Peach Orange

HEX

#FFEFD5

RGB

rgb(255, 239, 213)

HSL

hsl(37, 100%, 92%)

HSB

hsb(37, 16%, 100%)

CMYK

cmyk(0%, 6%, 16%, 0%)

Oklch

oklch(95.8% 0.038 80.0)

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

#FFD9C6

Apricot · Bisque · Peach Orange

HEX

#FFD9C6

RGB

rgb(255, 217, 198)

HSL

hsl(20, 100%, 89%)

HSB

hsb(20, 22%, 100%)

CMYK

cmyk(0%, 15%, 22%, 0%)

Oklch

oklch(91.2% 0.050 48.2)

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

#EBC3B2

Apricot · LightPink · Peach Orange

HEX

#EBC3B2

RGB

rgb(235, 195, 178)

HSL

hsl(18, 59%, 81%)

HSB

hsb(18, 24%, 92%)

CMYK

cmyk(0%, 17%, 24%, 8%)

Oklch

oklch(84.7% 0.052 44.3)

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

#BA8F8F

Peach Pink · DarkGray · Coral Red

HEX

#BA8F8F

RGB

rgb(186, 143, 143)

HSL

hsl(0, 24%, 65%)

HSB

hsb(0, 23%, 73%)

CMYK

cmyk(0%, 23%, 23%, 27%)

Oklch

oklch(69.1% 0.052 18.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D8DBCC

CFCCDB

Analogous

DBD7CC

D8DBCC

D1DBCC

Triadic

D8DBCC

CCD8DB

DBCCD8

Split-Comp.

D8DBCC

CCD1DB

D7CCDB

Tetradic

D8DBCC

CCDBD7

CFCCDB

DBCCD1

Contrast Matrix WCAG 2.1 Contrast

D8DBCC	FFEFD5	FFD9C6	EBC3B2	BA8F8F
—	1.2 Fail	1.1 Fail	1.1 Fail	2.0 Fail
1.2 Fail	—	1.2 Fail	1.4 Fail	2.5 Fail
1.1 Fail	1.2 Fail	—	1.2 Fail	2.2 Fail
1.1 Fail	1.4 Fail	1.2 Fail	—	1.8 Fail
2.0 Fail	2.5 Fail	2.2 Fail	1.8 Fail	—

White BG

1.4Fail

1.1Fail

1.3Fail

1.6Fail

2.8Fail

Black BG

14.9AAA

18.6AAA

16.0AAA

13.0AAA

7.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D9D0

F8F8DB

EFEECB

DAD9B6

A7A78F

Deuteranopia

D9D9D1

F9FADD

F1F4CC

DCDFB7

AAAD8F

Tritanopia

D8D2D3

FEE0E1

FDCECF

E9B9BA

B88F8F

Achromatopsia

D8D8D8

F1F1F1

E2E2E2

CDCDCD

9C9C9C

Shades & Tints Shades & Tints

#D8DBCC

Dark

Light

#FFEFD5

Dark

Light

#FFD9C6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d8dbcc;
  --color-2: #ffefd5;
  --color-3: #ffd9c6;
  --color-4: #ebc3b2;
  --color-5: #ba8f8f;
}

SCSS

$color-1: #d8dbcc;
$color-2: #ffefd5;
$color-3: #ffd9c6;
$color-4: #ebc3b2;
$color-5: #ba8f8f;

TAILWIND

colors: {
  'brand-1': '#d8dbcc',
  'brand-2': '#ffefd5',
  'brand-3': '#ffd9c6',
  'brand-4': '#ebc3b2',
  'brand-5': '#ba8f8f',
}

RGB Array

[216, 219, 204], [255, 239, 213], [255, 217, 198], [235, 195, 178], [186, 143, 143]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D8DBCC, #FFEFD5, #FFD9C6, #EBC3B2, #BA8F8F 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: #d8dbcc; --color-2: #ffefd5; --color-3: #ffd9c6; --color-4: #ebc3b2; --color-5: #ba8f8f. 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