#B8C9C7 + #E5DCCB + #FDE8CC + #FAD6C1 + #CFB3AE - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#B8C9C7

Jade · Silver · Lake Green

HEX

#B8C9C7

RGB

rgb(184, 201, 199)

HSL

hsl(173, 14%, 75%)

HSB

hsb(173, 8%, 79%)

CMYK

cmyk(8%, 0%, 1%, 21%)

Oklch

oklch(82.2% 0.019 188.3)

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

#E5DCCB

Goose Yellow · LightGray · Peach Orange

HEX

#E5DCCB

RGB

rgb(229, 220, 203)

HSL

hsl(39, 33%, 85%)

HSB

hsb(39, 11%, 90%)

CMYK

cmyk(0%, 4%, 11%, 10%)

Oklch

oklch(89.7% 0.025 83.4)

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

#FDE8CC

Goose Yellow · Bisque · Peach Orange

HEX

#FDE8CC

RGB

rgb(253, 232, 204)

HSL

hsl(34, 92%, 90%)

HSB

hsb(34, 19%, 99%)

CMYK

cmyk(0%, 8%, 19%, 1%)

Oklch

oklch(94.1% 0.043 75.1)

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

#FAD6C1

Apricot · Bisque · Peach Orange

HEX

#FAD6C1

RGB

rgb(250, 214, 193)

HSL

hsl(22, 85%, 87%)

HSB

hsb(22, 23%, 98%)

CMYK

cmyk(0%, 14%, 23%, 2%)

Oklch

oklch(90.1% 0.049 52.1)

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

#CFB3AE

Peach Pink · Silver · Coral Red

HEX

#CFB3AE

RGB

rgb(207, 179, 174)

HSL

hsl(9, 26%, 75%)

HSB

hsb(9, 16%, 81%)

CMYK

cmyk(0%, 14%, 16%, 19%)

Oklch

oklch(79.0% 0.033 29.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B8C9C7

C8B6B8

Analogous

B6C8BD

B8C9C7

B6C1C8

Triadic

B8C9C7

C6B6C8

C8C6B6

Split-Comp.

B8C9C7

C8B6C1

C8BDB6

Tetradic

B8C9C7

BDB6C8

C8B6B8

C1C8B6

Contrast Matrix WCAG 2.1 Contrast

B8C9C7	E5DCCB	FDE8CC	FAD6C1	CFB3AE
—	1.3 Fail	1.4 Fail	1.3 Fail	1.1 Fail
1.3 Fail	—	1.1 Fail	1.0 Fail	1.4 Fail
1.4 Fail	1.1 Fail	—	1.1 Fail	1.6 Fail
1.3 Fail	1.0 Fail	1.1 Fail	—	1.4 Fail
1.1 Fail	1.4 Fail	1.6 Fail	1.4 Fail	—

White BG

1.7Fail

1.4Fail

1.2Fail

1.4Fail

2.0Fail

Black BG

12.2AAA

15.4AAA

17.6AAA

15.5AAA

10.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BFC0C7

E1E1CF

F4F4D3

EAEAC6

C3C3AF

Deuteranopia

BEBDC8

E2E2D0

F5F7D4

EDEFC7

C5C7B0

Tritanopia

B9C8C8

E5D2D3

FCD8D9

F8CACB

CEB0B0

Achromatopsia

C4C4C4

DDDDDD

EBEBEB

DEDEDE

BBBBBB

Shades & Tints Shades & Tints

#B8C9C7

Dark

Light

#E5DCCB

Dark

Light

#FDE8CC

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b8c9c7;
  --color-2: #e5dccb;
  --color-3: #fde8cc;
  --color-4: #fad6c1;
  --color-5: #cfb3ae;
}

SCSS

$color-1: #b8c9c7;
$color-2: #e5dccb;
$color-3: #fde8cc;
$color-4: #fad6c1;
$color-5: #cfb3ae;

TAILWIND

colors: {
  'brand-1': '#b8c9c7',
  'brand-2': '#e5dccb',
  'brand-3': '#fde8cc',
  'brand-4': '#fad6c1',
  'brand-5': '#cfb3ae',
}

RGB Array

[184, 201, 199], [229, 220, 203], [253, 232, 204], [250, 214, 193], [207, 179, 174]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B8C9C7, #E5DCCB, #FDE8CC, #FAD6C1, #CFB3AE 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: #b8c9c7; --color-2: #e5dccb; --color-3: #fde8cc; --color-4: #fad6c1; --color-5: #cfb3ae. 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