#D1D8AF + #A6BE9A + #A9A790 + #EEA47F + #C9C967 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D1D8AF

Willow Green · Silver · Apple Green

HEX

#D1D8AF

RGB

rgb(209, 216, 175)

HSL

hsl(70, 34%, 77%)

HSB

hsb(70, 19%, 85%)

CMYK

cmyk(3%, 0%, 19%, 15%)

Oklch

oklch(86.6% 0.055 115.4)

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

#A6BE9A

Celadon · DarkSeaGreen · Apple Green

HEX

#A6BE9A

RGB

rgb(166, 190, 154)

HSL

hsl(100, 22%, 67%)

HSB

hsb(100, 19%, 75%)

CMYK

cmyk(13%, 0%, 19%, 25%)

Oklch

oklch(77.4% 0.057 135.2)

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

#A9A790

Fresh Green · DarkGray · Sunflower

HEX

#A9A790

RGB

rgb(169, 167, 144)

HSL

hsl(55, 13%, 61%)

HSB

hsb(55, 15%, 66%)

CMYK

cmyk(0%, 1%, 15%, 34%)

Oklch

oklch(72.4% 0.032 103.1)

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

#EEA47F

Apricot · DarkSalmon · Warm Sun

HEX

#EEA47F

RGB

rgb(238, 164, 127)

HSL

hsl(20, 77%, 72%)

HSB

hsb(20, 47%, 93%)

CMYK

cmyk(0%, 31%, 47%, 7%)

Oklch

oklch(78.2% 0.101 47.4)

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

#C9C967

Autumn Sage · BurlyWood · Sunflower

HEX

#C9C967

RGB

rgb(201, 201, 103)

HSL

hsl(60, 48%, 60%)

HSB

hsb(60, 49%, 79%)

CMYK

cmyk(0%, 0%, 49%, 21%)

Oklch

oklch(81.5% 0.121 108.8)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D1D8AF

B7B0D8

Analogous

D8CBB0

D1D8AF

BED8B0

Triadic

D1D8AF

B0D2D8

D8B0D2

Split-Comp.

D1D8AF

B0BED8

CBB0D8

Tetradic

D1D8AF

B0D8CB

B7B0D8

D8B0BE

Contrast Matrix WCAG 2.1 Contrast

D1D8AF	A6BE9A	A9A790	EEA47F	C9C967
—	1.4 Fail	1.6 Fail	1.4 Fail	1.2 Fail
1.4 Fail	—	1.2 Fail	1.0 Fail	1.2 Fail
1.6 Fail	1.2 Fail	—	1.2 Fail	1.4 Fail
1.4 Fail	1.0 Fail	1.2 Fail	—	1.2 Fail
1.2 Fail	1.2 Fail	1.4 Fail	1.2 Fail	—

White BG

1.5Fail

2.0Fail

2.4Fail

2.0Fail

1.7Fail

Black BG

14.2AAA

10.5AAA

8.6AAA

10.3AAA

12.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D4D4B9

B0B1A3

A8A896

CECD88

C9C97F

Deuteranopia

D4D3BB

AFADA5

A8A897

D2D88A

C9C984

Tritanopia

D1C1C2

A7AAAB

A99A9B

EA8F91

C99196

Achromatopsia

D1D1D1

B3B3B3

A5A5A5

B6B6B6

BEBEBE

Shades & Tints Shades & Tints

#D1D8AF

Dark

Light

#A6BE9A

Dark

Light

#A9A790

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d1d8af;
  --color-2: #a6be9a;
  --color-3: #a9a790;
  --color-4: #eea47f;
  --color-5: #c9c967;
}

SCSS

$color-1: #d1d8af;
$color-2: #a6be9a;
$color-3: #a9a790;
$color-4: #eea47f;
$color-5: #c9c967;

TAILWIND

colors: {
  'brand-1': '#d1d8af',
  'brand-2': '#a6be9a',
  'brand-3': '#a9a790',
  'brand-4': '#eea47f',
  'brand-5': '#c9c967',
}

RGB Array

[209, 216, 175], [166, 190, 154], [169, 167, 144], [238, 164, 127], [201, 201, 103]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D1D8AF, #A6BE9A, #A9A790, #EEA47F, #C9C967 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: #d1d8af; --color-2: #a6be9a; --color-3: #a9a790; --color-4: #eea47f; --color-5: #c9c967. 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