#CED8BF + #F1DEB6 + #E3C8AA + #D19C94 + #BF6D86 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#CED8BF

Willow Green · LightGray · Apple Green

HEX

#CED8BF

RGB

rgb(206, 216, 191)

HSL

hsl(84, 24%, 80%)

HSB

hsb(84, 12%, 85%)

CMYK

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

Oklch

oklch(86.8% 0.035 124.9)

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

#F1DEB6

Goose Yellow · Wheat · Lemon Cream

HEX

#F1DEB6

RGB

rgb(241, 222, 182)

HSL

hsl(41, 68%, 83%)

HSB

hsb(41, 24%, 95%)

CMYK

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

Oklch

oklch(90.6% 0.056 85.6)

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

#E3C8AA

Goose Yellow · Wheat · Peach Orange

HEX

#E3C8AA

RGB

rgb(227, 200, 170)

HSL

hsl(32, 50%, 78%)

HSB

hsb(32, 25%, 89%)

CMYK

cmyk(0%, 12%, 25%, 11%)

Oklch

oklch(84.8% 0.051 70.0)

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

#D19C94

Peach Pink · Tan · Coral Red

HEX

#D19C94

RGB

rgb(209, 156, 148)

HSL

hsl(8, 40%, 70%)

HSB

hsb(8, 29%, 82%)

CMYK

cmyk(0%, 25%, 29%, 18%)

Oklch

oklch(74.1% 0.065 28.5)

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

#BF6D86

Dark Violet · LightCoral · Rose Pink

HEX

#BF6D86

RGB

rgb(191, 109, 134)

HSL

hsl(342, 39%, 59%)

HSB

hsb(342, 43%, 75%)

CMYK

cmyk(0%, 43%, 30%, 25%)

Oklch

oklch(63.3% 0.108 1.1)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CED8BF

CAC0D8

Analogous

D8D6C0

CED8BF

C2D8C0

Triadic

CED8BF

C0CED8

D8C0CE

Split-Comp.

CED8BF

C0C2D8

D6C0D8

Tetradic

CED8BF

C0D8D6

CAC0D8

D8C0C2

Contrast Matrix WCAG 2.1 Contrast

CED8BF	F1DEB6	E3C8AA	D19C94	BF6D86
—	1.1 Fail	1.1 Fail	1.6 Fail	2.5 Fail
1.1 Fail	—	1.2 Fail	1.8 Fail	2.8 Fail
1.1 Fail	1.2 Fail	—	1.5 Fail	2.3 Fail
1.6 Fail	1.8 Fail	1.5 Fail	—	1.5 Fail
2.5 Fail	2.8 Fail	2.3 Fail	1.5 Fail	—

White BG

1.5Fail

1.3Fail

1.6Fail

2.4Fail

3.7AA Large

Black BG

14.2AAA

15.9AAA

13.1AAA

8.9AAA

5.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D2D2C5

E9E9C0

D7D7B1

BABA96

9B9B80

Deuteranopia

D2D1C7

EAEBC2

D9DBB3

BDC196

A0A67F

Tritanopia

CFCACB

F0C7C9

E2B7B8

CE9798

BB7B7A

Achromatopsia

D2D2D2

DFDFDF

CDCDCD

ABABAB

888888

Shades & Tints Shades & Tints

#CED8BF

Dark

Light

#F1DEB6

Dark

Light

#E3C8AA

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ced8bf;
  --color-2: #f1deb6;
  --color-3: #e3c8aa;
  --color-4: #d19c94;
  --color-5: #bf6d86;
}

SCSS

$color-1: #ced8bf;
$color-2: #f1deb6;
$color-3: #e3c8aa;
$color-4: #d19c94;
$color-5: #bf6d86;

TAILWIND

colors: {
  'brand-1': '#ced8bf',
  'brand-2': '#f1deb6',
  'brand-3': '#e3c8aa',
  'brand-4': '#d19c94',
  'brand-5': '#bf6d86',
}

RGB Array

[206, 216, 191], [241, 222, 182], [227, 200, 170], [209, 156, 148], [191, 109, 134]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CED8BF, #F1DEB6, #E3C8AA, #D19C94, #BF6D86 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: #ced8bf; --color-2: #f1deb6; --color-3: #e3c8aa; --color-4: #d19c94; --color-5: #bf6d86. 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