#D0D4A1 + #EEF8BB + #C0E2BF + #8ACFBD + #EACB9F - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D0D4A1

Fresh Green · Tan · Sunflower

HEX

#D0D4A1

RGB

rgb(208, 212, 161)

HSL

hsl(65, 37%, 73%)

HSB

hsb(65, 24%, 83%)

CMYK

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

Oklch

oklch(85.4% 0.068 111.5)

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

#EEF8BB

Willow Green · Bisque · Mint Green

HEX

#EEF8BB

RGB

rgb(238, 248, 187)

HSL

hsl(70, 81%, 85%)

HSB

hsb(70, 25%, 97%)

CMYK

cmyk(4%, 0%, 25%, 3%)

Oklch

oklch(95.7% 0.079 115.5)

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

#C0E2BF

Celadon · LightGray · Mint Green

HEX

#C0E2BF

RGB

rgb(192, 226, 191)

HSL

hsl(118, 38%, 82%)

HSB

hsb(118, 15%, 89%)

CMYK

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

Oklch

oklch(87.9% 0.060 144.3)

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

#8ACFBD

Jade · MediumAquaMarine · Lake Green

HEX

#8ACFBD

RGB

rgb(138, 207, 189)

HSL

hsl(164, 42%, 68%)

HSB

hsb(164, 33%, 81%)

CMYK

cmyk(33%, 0%, 9%, 19%)

Oklch

oklch(80.3% 0.074 176.1)

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

#EACB9F

Goose Yellow · Wheat · Peach Orange

HEX

#EACB9F

RGB

rgb(234, 203, 159)

HSL

hsl(35, 64%, 77%)

HSB

hsb(35, 32%, 92%)

CMYK

cmyk(0%, 13%, 32%, 8%)

Oklch

oklch(85.8% 0.068 76.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D0D4A1

A5A1D4

Analogous

D4BEA1

D0D4A1

B6D4A1

Triadic

D0D4A1

A1CFD4

D4A1CF

Split-Comp.

D0D4A1

A1B6D4

BEA1D4

Tetradic

D0D4A1

A1D4BE

A5A1D4

D4A1B6

Contrast Matrix WCAG 2.1 Contrast

D0D4A1	EEF8BB	C0E2BF	8ACFBD	EACB9F
—	1.4 Fail	1.1 Fail	1.2 Fail	1.0 Fail
1.4 Fail	—	1.3 Fail	1.6 Fail	1.4 Fail
1.1 Fail	1.3 Fail	—	1.3 Fail	1.1 Fail
1.2 Fail	1.6 Fail	1.3 Fail	—	1.2 Fail
1.0 Fail	1.4 Fail	1.1 Fail	1.2 Fail	—

White BG

1.5Fail

1.1Fail

1.4Fail

1.8Fail

1.6Fail

Black BG

13.6AAA

18.8AAA

14.9AAA

11.7AAA

13.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D2D2AD

F2F2CA

CFCFC7

A8A8C1

DDDCAA

Deuteranopia

D2D1B0

F2F1CD

CDCACA

A49FC2

DEE1AC

Tritanopia

D0B7B9

EFD5D8

C2CED0

8DC5C6

E8B2B4

Achromatopsia

CDCDCD

EEEEEE

D4D4D4

B8B8B8

CFCFCF

Shades & Tints Shades & Tints

#D0D4A1

Dark

Light

#EEF8BB

Dark

Light

#C0E2BF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d0d4a1;
  --color-2: #eef8bb;
  --color-3: #c0e2bf;
  --color-4: #8acfbd;
  --color-5: #eacb9f;
}

SCSS

$color-1: #d0d4a1;
$color-2: #eef8bb;
$color-3: #c0e2bf;
$color-4: #8acfbd;
$color-5: #eacb9f;

TAILWIND

colors: {
  'brand-1': '#d0d4a1',
  'brand-2': '#eef8bb',
  'brand-3': '#c0e2bf',
  'brand-4': '#8acfbd',
  'brand-5': '#eacb9f',
}

RGB Array

[208, 212, 161], [238, 248, 187], [192, 226, 191], [138, 207, 189], [234, 203, 159]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D0D4A1, #EEF8BB, #C0E2BF, #8ACFBD, #EACB9F 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: #d0d4a1; --color-2: #eef8bb; --color-3: #c0e2bf; --color-4: #8acfbd; --color-5: #eacb9f. 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