#D1CBAB + #DEE9A7 + #FADF90 + #E9E7B6 + #D3E5CD - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D1CBAB

Fresh Green · Silver · Sunflower

HEX

#D1CBAB

RGB

rgb(209, 203, 171)

HSL

hsl(51, 29%, 75%)

HSB

hsb(51, 18%, 82%)

CMYK

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

Oklch

oklch(83.9% 0.044 98.5)

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

#DEE9A7

Willow Green · Wheat · Apple Green

HEX

#DEE9A7

RGB

rgb(222, 233, 167)

HSL

hsl(70, 60%, 78%)

HSB

hsb(70, 28%, 91%)

CMYK

cmyk(5%, 0%, 28%, 9%)

Oklch

oklch(91.0% 0.086 115.8)

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

#FADF90

Goose Yellow · Khaki · Lemon Cream

HEX

#FADF90

RGB

rgb(250, 223, 144)

HSL

hsl(45, 91%, 77%)

HSB

hsb(45, 42%, 98%)

CMYK

cmyk(0%, 11%, 42%, 2%)

Oklch

oklch(90.9% 0.103 91.3)

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

#E9E7B6

Fresh Green · Wheat · Lemon Cream

HEX

#E9E7B6

RGB

rgb(233, 231, 182)

HSL

hsl(58, 54%, 81%)

HSB

hsb(58, 22%, 91%)

CMYK

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

Oklch

oklch(91.7% 0.064 105.6)

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

#D3E5CD

Celadon · LightGray · Mint Green

HEX

#D3E5CD

RGB

rgb(211, 229, 205)

HSL

hsl(105, 32%, 85%)

HSB

hsb(105, 10%, 90%)

CMYK

cmyk(8%, 0%, 10%, 10%)

Oklch

oklch(90.2% 0.037 137.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D1CBAB

ADB2D2

Analogous

D2BAAD

D1CBAB

C5D2AD

Triadic

D1CBAB

ADD2CC

CCADD2

Split-Comp.

D1CBAB

ADC5D2

BAADD2

Tetradic

D1CBAB

ADD2BA

ADB2D2

D2ADC5

Contrast Matrix WCAG 2.1 Contrast

D1CBAB	DEE9A7	FADF90	E9E7B6	D3E5CD
—	1.3 Fail	1.2 Fail	1.3 Fail	1.2 Fail
1.3 Fail	—	1.0 Fail	1.0 Fail	1.0 Fail
1.2 Fail	1.0 Fail	—	1.0 Fail	1.0 Fail
1.3 Fail	1.0 Fail	1.0 Fail	—	1.0 Fail
1.2 Fail	1.0 Fail	1.0 Fail	1.0 Fail	—

White BG

1.6Fail

1.3Fail

Black BG

12.8AAA

16.3AAA

16.0AAA

16.6AAA

15.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECEB3

E3E3B7

EEEEA3

E8E8C2

DBDBD3

Deuteranopia

CFCFB5

E2E1BB

F0F2A8

E8E8C5

DAD8D4

Tritanopia

D1B9BA

DFC4C6

F9B2B6

E9CBCD

D4D7D8

Achromatopsia

C9C9C9

DEDEDE

E2E2E2

DDDDDD

Shades & Tints Shades & Tints

#D1CBAB

Dark

Light

#DEE9A7

Dark

Light

#FADF90

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d1cbab;
  --color-2: #dee9a7;
  --color-3: #fadf90;
  --color-4: #e9e7b6;
  --color-5: #d3e5cd;
}

SCSS

$color-1: #d1cbab;
$color-2: #dee9a7;
$color-3: #fadf90;
$color-4: #e9e7b6;
$color-5: #d3e5cd;

TAILWIND

colors: {
  'brand-1': '#d1cbab',
  'brand-2': '#dee9a7',
  'brand-3': '#fadf90',
  'brand-4': '#e9e7b6',
  'brand-5': '#d3e5cd',
}

RGB Array

[209, 203, 171], [222, 233, 167], [250, 223, 144], [233, 231, 182], [211, 229, 205]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D1CBAB, #DEE9A7, #FADF90, #E9E7B6, #D3E5CD 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: #d1cbab; --color-2: #dee9a7; --color-3: #fadf90; --color-4: #e9e7b6; --color-5: #d3e5cd. 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