#A4AA82 + #D7DBBF + #EFB5A9 + #E08E84 + #D1BBA6 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A4AA82

Autumn Sage · DarkSeaGreen · Sunflower

HEX

#A4AA82

RGB

rgb(164, 170, 130)

HSL

hsl(69, 19%, 59%)

HSB

hsb(69, 24%, 67%)

CMYK

cmyk(4%, 0%, 24%, 33%)

Oklch

oklch(72.3% 0.056 114.7)

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

#D7DBBF

Fresh Green · LightGray · Lemon Cream

HEX

#D7DBBF

RGB

rgb(215, 219, 191)

HSL

hsl(69, 28%, 80%)

HSB

hsb(69, 13%, 86%)

CMYK

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

Oklch

oklch(88.1% 0.038 113.8)

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

#EFB5A9

Peach Pink · LightPink · Coral Red

HEX

#EFB5A9

RGB

rgb(239, 181, 169)

HSL

hsl(10, 69%, 80%)

HSB

hsb(10, 29%, 94%)

CMYK

cmyk(0%, 24%, 29%, 6%)

Oklch

oklch(82.3% 0.070 31.9)

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

#E08E84

Peach Pink · DarkSalmon · Coral Red

HEX

#E08E84

RGB

rgb(224, 142, 132)

HSL

hsl(7, 60%, 70%)

HSB

hsb(7, 41%, 88%)

CMYK

cmyk(0%, 37%, 41%, 12%)

Oklch

oklch(72.8% 0.102 27.4)

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

#D1BBA6

Apricot · Tan · Warm Sun

HEX

#D1BBA6

RGB

rgb(209, 187, 166)

HSL

hsl(29, 32%, 74%)

HSB

hsb(29, 21%, 82%)

CMYK

cmyk(0%, 11%, 21%, 18%)

Oklch

oklch(80.5% 0.038 65.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A4AA82

8983AA

Analogous

AA9C83

A4AA82

90AA83

Triadic

A4AA82

83A4AA

AA83A4

Split-Comp.

A4AA82

8390AA

9C83AA

Tetradic

A4AA82

83AA9C

8983AA

AA8390

Contrast Matrix WCAG 2.1 Contrast

A4AA82	D7DBBF	EFB5A9	E08E84	D1BBA6
—	1.7 Fail	1.4 Fail	1.0 Fail	1.3 Fail
1.7 Fail	—	1.2 Fail	1.8 Fail	1.3 Fail
1.4 Fail	1.2 Fail	—	1.4 Fail	1.0 Fail
1.0 Fail	1.8 Fail	1.4 Fail	—	1.4 Fail
1.3 Fail	1.3 Fail	1.0 Fail	1.4 Fail	—

White BG

2.4Fail

1.4Fail

1.8Fail

2.5Fail

1.8Fail

Black BG

8.7AAA

14.8AAA

11.9AAA

8.4AAA

11.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A7A78C

D9D9C6

D6D5AC

BCBC86

C7C7AB

Deuteranopia

A6A68E

D9D8C7

D9DEAD

C1C787

C9CAAC

Tritanopia

A49395

D7CBCC

ECAEAF

DC8889

D0AFB0

Achromatopsia

A4A4A4

D7D7D7

C5C5C5

A5A5A5

BFBFBF

Shades & Tints Shades & Tints

#A4AA82

Dark

Light

#D7DBBF

Dark

Light

#EFB5A9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a4aa82;
  --color-2: #d7dbbf;
  --color-3: #efb5a9;
  --color-4: #e08e84;
  --color-5: #d1bba6;
}

SCSS

$color-1: #a4aa82;
$color-2: #d7dbbf;
$color-3: #efb5a9;
$color-4: #e08e84;
$color-5: #d1bba6;

TAILWIND

colors: {
  'brand-1': '#a4aa82',
  'brand-2': '#d7dbbf',
  'brand-3': '#efb5a9',
  'brand-4': '#e08e84',
  'brand-5': '#d1bba6',
}

RGB Array

[164, 170, 130], [215, 219, 191], [239, 181, 169], [224, 142, 132], [209, 187, 166]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A4AA82, #D7DBBF, #EFB5A9, #E08E84, #D1BBA6 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: #a4aa82; --color-2: #d7dbbf; --color-3: #efb5a9; --color-4: #e08e84; --color-5: #d1bba6. 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