#D4CDAE + #BFC297 + #D69F7A + #DB716B + #EB216B - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D4CDAE

Goose Yellow · Silver · Lemon Cream

HEX

#D4CDAE

RGB

rgb(212, 205, 174)

HSL

hsl(49, 31%, 76%)

HSB

hsb(49, 18%, 83%)

CMYK

cmyk(0%, 3%, 18%, 17%)

Oklch

oklch(84.6% 0.042 96.7)

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

#BFC297

Fresh Green · Tan · Sunflower

HEX

#BFC297

RGB

rgb(191, 194, 151)

HSL

hsl(64, 26%, 68%)

HSB

hsb(64, 22%, 76%)

CMYK

cmyk(2%, 0%, 22%, 24%)

Oklch

oklch(80.1% 0.058 110.9)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#D69F7A

Apricot · DarkSalmon · Warm Sun

HEX

#D69F7A

RGB

rgb(214, 159, 122)

HSL

hsl(24, 53%, 66%)

HSB

hsb(24, 43%, 84%)

CMYK

cmyk(0%, 26%, 43%, 16%)

Oklch

oklch(74.6% 0.083 55.0)

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

#DB716B

Peach Pink · LightCoral · Coral Red

HEX

#DB716B

RGB

rgb(219, 113, 107)

HSL

hsl(3, 61%, 64%)

HSB

hsb(3, 51%, 86%)

CMYK

cmyk(0%, 48%, 51%, 14%)

Oklch

oklch(66.9% 0.134 24.6)

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

#EB216B

Dark Violet · MediumVioletRed · Rose Pink

HEX

#EB216B

RGB

rgb(235, 33, 107)

HSL

hsl(338, 83%, 53%)

HSB

hsb(338, 86%, 92%)

CMYK

cmyk(0%, 86%, 54%, 8%)

Oklch

oklch(61.3% 0.231 7.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D4CDAE

AFB6D5

Analogous

D5BBAF

D4CDAE

C9D5AF

Triadic

D4CDAE

AFD5CE

CEAFD5

Split-Comp.

D4CDAE

AFC9D5

BBAFD5

Tetradic

D4CDAE

AFD5BB

AFB6D5

D5AFC9

Contrast Matrix WCAG 2.1 Contrast

D4CDAE	BFC297	D69F7A	DB716B	EB216B
—	1.2 Fail	1.4 Fail	2.0 Fail	2.6 Fail
1.2 Fail	—	1.3 Fail	1.7 Fail	2.3 Fail
1.4 Fail	1.3 Fail	—	1.4 Fail	1.8 Fail
2.0 Fail	1.7 Fail	1.4 Fail	—	1.3 Fail
2.6 Fail	2.3 Fail	1.8 Fail	1.3 Fail	—

White BG

1.6Fail

1.8Fail

2.3Fail

3.2AA Large

4.2AA Large

Black BG

13.1AAA

11.4AAA

9.1AAA

6.6AA

5.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D1B6

C0C0A1

BEBE83

ADAC6C

949259

Deuteranopia

D1D2B7

C0C0A4

C1C585

B3BB6D

9FAE55

Tritanopia

D4BBBD

BFAAAB

D38A8C

D66E6E

E14B48

Achromatopsia

CCCCCC

BCBCBC

ABABAB

909090

666666

Shades & Tints Shades & Tints

#D4CDAE

Dark

Light

#BFC297

Dark

Light

#D69F7A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d4cdae;
  --color-2: #bfc297;
  --color-3: #d69f7a;
  --color-4: #db716b;
  --color-5: #eb216b;
}

SCSS

$color-1: #d4cdae;
$color-2: #bfc297;
$color-3: #d69f7a;
$color-4: #db716b;
$color-5: #eb216b;

TAILWIND

colors: {
  'brand-1': '#d4cdae',
  'brand-2': '#bfc297',
  'brand-3': '#d69f7a',
  'brand-4': '#db716b',
  'brand-5': '#eb216b',
}

RGB Array

[212, 205, 174], [191, 194, 151], [214, 159, 122], [219, 113, 107], [235, 33, 107]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D4CDAE, #BFC297, #D69F7A, #DB716B, #EB216B 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: #d4cdae; --color-2: #bfc297; --color-3: #d69f7a; --color-4: #db716b; --color-5: #eb216b. 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