#B5C6BF + #E0D6BF + #DAC2AD + #DCD6C6 + #D5909B - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#B5C6BF

Jade · Silver · Apple Green

HEX

#B5C6BF

RGB

rgb(181, 198, 191)

HSL

hsl(155, 13%, 74%)

HSB

hsb(155, 9%, 78%)

CMYK

cmyk(9%, 0%, 4%, 22%)

Oklch

oklch(81.2% 0.021 169.2)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#E0D6BF

Goose Yellow · LightGray · Lemon Cream

HEX

#E0D6BF

RGB

rgb(224, 214, 191)

HSL

hsl(42, 35%, 81%)

HSB

hsb(42, 15%, 88%)

CMYK

cmyk(0%, 4%, 15%, 12%)

Oklch

oklch(87.8% 0.033 87.3)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#DAC2AD

Apricot · Silver · Peach Orange

HEX

#DAC2AD

RGB

rgb(218, 194, 173)

HSL

hsl(28, 38%, 77%)

HSB

hsb(28, 21%, 85%)

CMYK

cmyk(0%, 11%, 21%, 15%)

Oklch

oklch(82.9% 0.040 63.4)

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

#DCD6C6

Goose Yellow · LightGray · Lemon Cream

HEX

#DCD6C6

RGB

rgb(220, 214, 198)

HSL

hsl(44, 24%, 82%)

HSB

hsb(44, 10%, 86%)

CMYK

cmyk(0%, 3%, 10%, 14%)

Oklch

oklch(87.6% 0.023 89.8)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#D5909B

Peach Pink · DarkSalmon · Coral Red

HEX

#D5909B

RGB

rgb(213, 144, 155)

HSL

hsl(350, 45%, 70%)

HSB

hsb(350, 32%, 84%)

CMYK

cmyk(0%, 32%, 27%, 16%)

Oklch

oklch(72.5% 0.085 8.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B5C6BF

C5B4BB

Analogous

B4C5B6

B5C6BF

B4C4C5

Triadic

B5C6BF

BEB4C5

C5BEB4

Split-Comp.

B5C6BF

C5B4C4

C5B6B4

Tetradic

B5C6BF

B6B4C5

C5B4BB

C4C5B4

Contrast Matrix WCAG 2.1 Contrast

B5C6BF	E0D6BF	DAC2AD	DCD6C6	D5909B
—	1.2 Fail	1.0 Fail	1.2 Fail	1.4 Fail
1.2 Fail	—	1.2 Fail	1.0 Fail	1.8 Fail
1.0 Fail	1.2 Fail	—	1.2 Fail	1.5 Fail
1.2 Fail	1.0 Fail	1.2 Fail	—	1.7 Fail
1.4 Fail	1.8 Fail	1.5 Fail	1.7 Fail	—

White BG

1.8Fail

1.4Fail

1.7Fail

1.5Fail

2.5Fail

Black BG

11.8AAA

14.5AAA

12.3AAA

14.5AAA

8.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BCBDC1

DCDCC5

D0CFB2

D9D9CA

B7B798

Deuteranopia

BBBAC1

DCDDC6

D1D3B3

DADACB

BBC098

Tritanopia

B6C2C2

DFC9CA

D9B6B7

DCCDCE

D29696

Achromatopsia

C0C0C0

D6D6D6

C7C7C7

D6D6D6

A6A6A6

Shades & Tints Shades & Tints

#B5C6BF

Dark

Light

#E0D6BF

Dark

Light

#DAC2AD

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b5c6bf;
  --color-2: #e0d6bf;
  --color-3: #dac2ad;
  --color-4: #dcd6c6;
  --color-5: #d5909b;
}

SCSS

$color-1: #b5c6bf;
$color-2: #e0d6bf;
$color-3: #dac2ad;
$color-4: #dcd6c6;
$color-5: #d5909b;

TAILWIND

colors: {
  'brand-1': '#b5c6bf',
  'brand-2': '#e0d6bf',
  'brand-3': '#dac2ad',
  'brand-4': '#dcd6c6',
  'brand-5': '#d5909b',
}

RGB Array

[181, 198, 191], [224, 214, 191], [218, 194, 173], [220, 214, 198], [213, 144, 155]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B5C6BF, #E0D6BF, #DAC2AD, #DCD6C6, #D5909B 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: #b5c6bf; --color-2: #e0d6bf; --color-3: #dac2ad; --color-4: #dcd6c6; --color-5: #d5909b. 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