#A7A182 + #C3A88A + #BBC29B + #E5D5B7 + #D0CC95 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A7A182

Autumn Sage · DarkSeaGreen · Sunflower

HEX

#A7A182

RGB

rgb(167, 161, 130)

HSL

hsl(50, 17%, 58%)

HSB

hsb(50, 22%, 65%)

CMYK

cmyk(0%, 4%, 22%, 35%)

Oklch

oklch(70.6% 0.044 98.3)

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

#C3A88A

Ginger · Tan · Warm Sun

HEX

#C3A88A

RGB

rgb(195, 168, 138)

HSL

hsl(32, 32%, 65%)

HSB

hsb(32, 29%, 76%)

CMYK

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

Oklch

oklch(74.8% 0.052 69.9)

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

#BBC29B

Willow Green · Tan · Apple Green

HEX

#BBC29B

RGB

rgb(187, 194, 155)

HSL

hsl(71, 24%, 68%)

HSB

hsb(71, 20%, 76%)

CMYK

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

Oklch

oklch(79.8% 0.054 115.9)

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

#E5D5B7

Goose Yellow · Wheat · Peach Orange

HEX

#E5D5B7

RGB

rgb(229, 213, 183)

HSL

hsl(39, 47%, 81%)

HSB

hsb(39, 20%, 90%)

CMYK

cmyk(0%, 7%, 20%, 10%)

Oklch

oklch(87.8% 0.044 83.2)

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

#D0CC95

Fresh Green · Tan · Sunflower

HEX

#D0CC95

RGB

rgb(208, 204, 149)

HSL

hsl(56, 39%, 70%)

HSB

hsb(56, 28%, 82%)

CMYK

cmyk(0%, 2%, 28%, 18%)

Oklch

oklch(83.5% 0.072 104.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A7A182

8288A6

Analogous

A68E82

A7A182

9AA682

Triadic

A7A182

82A6A0

A082A6

Split-Comp.

A7A182

829AA6

8E82A6

Tetradic

A7A182

82A68E

8288A6

A6829A

Contrast Matrix WCAG 2.1 Contrast

A7A182	C3A88A	BBC29B	E5D5B7	D0CC95
—	1.2 Fail	1.4 Fail	1.8 Fail	1.6 Fail
1.2 Fail	—	1.2 Fail	1.6 Fail	1.4 Fail
1.4 Fail	1.2 Fail	—	1.3 Fail	1.1 Fail
1.8 Fail	1.6 Fail	1.3 Fail	—	1.1 Fail
1.6 Fail	1.4 Fail	1.1 Fail	1.1 Fail	—

White BG

2.6Fail

2.3Fail

1.9Fail

1.4Fail

1.6Fail

Black BG

8.1AAA

9.3AAA

11.3AAA

14.5AAA

12.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A4A48A

B7B791

BEBEA4

DEDEBE

CECEA2

Deuteranopia

A5A58B

B9BB93

BEBDA7

DFE0C0

CFCFA6

Tritanopia

A78F91

C29798

BBACAE

E4C4C5

D0ADAF

Achromatopsia

9F9F9F

ADADAD

BBBBBB

D6D6D6

C7C7C7

Shades & Tints Shades & Tints

#A7A182

Dark

Light

#C3A88A

Dark

Light

#BBC29B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a7a182;
  --color-2: #c3a88a;
  --color-3: #bbc29b;
  --color-4: #e5d5b7;
  --color-5: #d0cc95;
}

SCSS

$color-1: #a7a182;
$color-2: #c3a88a;
$color-3: #bbc29b;
$color-4: #e5d5b7;
$color-5: #d0cc95;

TAILWIND

colors: {
  'brand-1': '#a7a182',
  'brand-2': '#c3a88a',
  'brand-3': '#bbc29b',
  'brand-4': '#e5d5b7',
  'brand-5': '#d0cc95',
}

RGB Array

[167, 161, 130], [195, 168, 138], [187, 194, 155], [229, 213, 183], [208, 204, 149]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A7A182, #C3A88A, #BBC29B, #E5D5B7, #D0CC95 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: #a7a182; --color-2: #c3a88a; --color-3: #bbc29b; --color-4: #e5d5b7; --color-5: #d0cc95. 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