#AAAD9D + #DBDCBF + #E9F1D3 + #D3ECB9 + #FBFBAB - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryClean

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#AAAD9D

Willow Green · DarkGray · Silver Sand

HEX

#AAAD9D

RGB

rgb(170, 173, 157)

HSL

hsl(71, 9%, 65%)

HSB

hsb(71, 9%, 68%)

CMYK

cmyk(2%, 0%, 9%, 32%)

Oklch

oklch(74.1% 0.023 115.6)

Traditional「Willow Green」· Paint「Silver Sand」· Creative Urban Concrete

#DBDCBF

Fresh Green · LightGray · Lemon Cream

HEX

#DBDCBF

RGB

rgb(219, 220, 191)

HSL

hsl(62, 29%, 81%)

HSB

hsb(62, 13%, 86%)

CMYK

cmyk(0%, 0%, 13%, 14%)

Oklch

oklch(88.6% 0.039 108.8)

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

#E9F1D3

Willow Green · Beige · Mint Green

HEX

#E9F1D3

RGB

rgb(233, 241, 211)

HSL

hsl(76, 52%, 89%)

HSB

hsb(76, 12%, 95%)

CMYK

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

Oklch

oklch(94.4% 0.040 119.3)

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

#D3ECB9

Willow Green · LightGray · Mint Green

HEX

#D3ECB9

RGB

rgb(211, 236, 185)

HSL

hsl(89, 57%, 83%)

HSB

hsb(89, 22%, 93%)

CMYK

cmyk(11%, 0%, 22%, 7%)

Oklch

oklch(91.2% 0.072 129.0)

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

#FBFBAB

Fresh Green · Wheat · Lemon Cream

HEX

#FBFBAB

RGB

rgb(251, 251, 171)

HSL

hsl(60, 91%, 83%)

HSB

hsb(60, 32%, 98%)

CMYK

cmyk(0%, 0%, 32%, 2%)

Oklch

oklch(97.0% 0.100 108.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AAAD9D

A19EAE

Analogous

AEA99E

AAAD9D

A3AE9E

Triadic

AAAD9D

9EABAE

AE9EAB

Split-Comp.

AAAD9D

9EA3AE

A99EAE

Tetradic

AAAD9D

9EAEA9

A19EAE

AE9EA3

Contrast Matrix WCAG 2.1 Contrast

AAAD9D	DBDCBF	E9F1D3	D3ECB9	FBFBAB
—	1.6 Fail	2.0 Fail	1.8 Fail	2.1 Fail
1.6 Fail	—	1.2 Fail	1.1 Fail	1.3 Fail
2.0 Fail	1.2 Fail	—	1.1 Fail	1.1 Fail
1.8 Fail	1.1 Fail	1.1 Fail	—	1.2 Fail
2.1 Fail	1.3 Fail	1.1 Fail	1.2 Fail	—

White BG

2.3Fail

1.4Fail

1.2Fail

1.3Fail

1.1Fail

Black BG

9.2AAA

15.0AAA

18.0AAA

16.5AAA

19.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ABABA1

DBDBC6

ECEDDA

DEDEC5

FBFBBE

Deuteranopia

ABABA2

DBDBC8

ECEBDC

DCDBC8

FBFBC3

Tritanopia

AAA4A5

DBCCCD

E9E0E1

D4CFD1

FBCED1

Achromatopsia

AAAAAA

D8D8D8

EBEBEB

DFDFDF

F2F2F2

Shades & Tints Shades & Tints

#AAAD9D

Dark

Light

#DBDCBF

Dark

Light

#E9F1D3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aaad9d;
  --color-2: #dbdcbf;
  --color-3: #e9f1d3;
  --color-4: #d3ecb9;
  --color-5: #fbfbab;
}

SCSS

$color-1: #aaad9d;
$color-2: #dbdcbf;
$color-3: #e9f1d3;
$color-4: #d3ecb9;
$color-5: #fbfbab;

TAILWIND

colors: {
  'brand-1': '#aaad9d',
  'brand-2': '#dbdcbf',
  'brand-3': '#e9f1d3',
  'brand-4': '#d3ecb9',
  'brand-5': '#fbfbab',
}

RGB Array

[170, 173, 157], [219, 220, 191], [233, 241, 211], [211, 236, 185], [251, 251, 171]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AAAD9D, #DBDCBF, #E9F1D3, #D3ECB9, #FBFBAB 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: #aaad9d; --color-2: #dbdcbf; --color-3: #e9f1d3; --color-4: #d3ecb9; --color-5: #fbfbab. 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