#A39C92 + #B2B098 + #C1C59E + #D0D9A4 + #E0EEAA - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A39C92

Ginger · DarkGray · Silver Sand

HEX

#A39C92

RGB

rgb(163, 156, 146)

HSL

hsl(35, 8%, 61%)

HSB

hsb(35, 10%, 64%)

CMYK

cmyk(0%, 4%, 10%, 36%)

Oklch

oklch(69.6% 0.017 77.0)

Traditional「Ginger」· Paint「Silver Sand」· Creative Urban Concrete

#B2B098

Fresh Green · DarkGray · Sunflower

HEX

#B2B098

RGB

rgb(178, 176, 152)

HSL

hsl(55, 14%, 65%)

HSB

hsb(55, 15%, 70%)

CMYK

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

Oklch

oklch(75.2% 0.033 103.3)

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

#C1C59E

Fresh Green · Tan · Sunflower

HEX

#C1C59E

RGB

rgb(193, 197, 158)

HSL

hsl(66, 25%, 70%)

HSB

hsb(66, 20%, 77%)

CMYK

cmyk(2%, 0%, 20%, 23%)

Oklch

oklch(81.0% 0.053 112.3)

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

#D0D9A4

Willow Green · Wheat · Apple Green

HEX

#D0D9A4

RGB

rgb(208, 217, 164)

HSL

hsl(70, 41%, 75%)

HSB

hsb(70, 24%, 85%)

CMYK

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

Oklch

oklch(86.5% 0.071 115.7)

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

#E0EEAA

Willow Green · Wheat · Apple Green

HEX

#E0EEAA

RGB

rgb(224, 238, 170)

HSL

hsl(72, 67%, 80%)

HSB

hsb(72, 29%, 93%)

CMYK

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

Oklch

oklch(92.2% 0.089 117.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A39C92

949AA4

Analogous

A49594

A39C92

A2A494

Triadic

A39C92

94A49D

9D94A4

Split-Comp.

A39C92

94A2A4

9594A4

Tetradic

A39C92

94A495

949AA4

A494A2

Contrast Matrix WCAG 2.1 Contrast

A39C92	B2B098	C1C59E	D0D9A4	E0EEAA
—	1.2 Fail	1.5 Fail	1.8 Fail	2.2 Fail
1.2 Fail	—	1.2 Fail	1.5 Fail	1.8 Fail
1.5 Fail	1.2 Fail	—	1.2 Fail	1.4 Fail
1.8 Fail	1.5 Fail	1.2 Fail	—	1.2 Fail
2.2 Fail	1.8 Fail	1.4 Fail	1.2 Fail	—

White BG

2.7Fail

2.2Fail

1.8Fail

1.5Fail

1.2Fail

Black BG

7.7AAA

9.6AAA

11.7AAA

14.1AAA

17.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A0A094

B1B19E

C3C3A7

D4D4B1

E6E6BA

Deuteranopia

A0A195

B1B19F

C3C2AA

D3D3B4

E5E4BE

Tritanopia

A39697

B2A2A3

C1AFB1

D0BBBD

E1C7CA

Achromatopsia

9D9D9D

AEAEAE

BFBFBF

D0D0D0

E2E2E2

Shades & Tints Shades & Tints

#A39C92

Dark

Light

#B2B098

Dark

Light

#C1C59E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a39c92;
  --color-2: #b2b098;
  --color-3: #c1c59e;
  --color-4: #d0d9a4;
  --color-5: #e0eeaa;
}

SCSS

$color-1: #a39c92;
$color-2: #b2b098;
$color-3: #c1c59e;
$color-4: #d0d9a4;
$color-5: #e0eeaa;

TAILWIND

colors: {
  'brand-1': '#a39c92',
  'brand-2': '#b2b098',
  'brand-3': '#c1c59e',
  'brand-4': '#d0d9a4',
  'brand-5': '#e0eeaa',
}

RGB Array

[163, 156, 146], [178, 176, 152], [193, 197, 158], [208, 217, 164], [224, 238, 170]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A39C92, #B2B098, #C1C59E, #D0D9A4, #E0EEAA 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: #a39c92; --color-2: #b2b098; --color-3: #c1c59e; --color-4: #d0d9a4; --color-5: #e0eeaa. 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