#A09278 + #AEB99B + #D0C49E + #E0C183 + #EDD09F - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A09278

Ginger · Gray · Warm Sun

HEX

#A09278

RGB

rgb(160, 146, 120)

HSL

hsl(39, 17%, 55%)

HSB

hsb(39, 25%, 63%)

CMYK

cmyk(0%, 9%, 25%, 37%)

Oklch

oklch(66.5% 0.040 82.9)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#AEB99B

Willow Green · DarkGray · Apple Green

HEX

#AEB99B

RGB

rgb(174, 185, 155)

HSL

hsl(82, 18%, 67%)

HSB

hsb(82, 16%, 73%)

CMYK

cmyk(6%, 0%, 16%, 27%)

Oklch

oklch(76.9% 0.043 123.8)

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

#D0C49E

Goose Yellow · Tan · Sunflower

HEX

#D0C49E

RGB

rgb(208, 196, 158)

HSL

hsl(46, 35%, 72%)

HSB

hsb(46, 24%, 82%)

CMYK

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

Oklch

oklch(82.1% 0.053 92.6)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#E0C183

Ginger · BurlyWood · Sunflower

HEX

#E0C183

RGB

rgb(224, 193, 131)

HSL

hsl(40, 60%, 70%)

HSB

hsb(40, 42%, 88%)

CMYK

cmyk(0%, 14%, 42%, 12%)

Oklch

oklch(82.3% 0.087 84.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#EDD09F

Goose Yellow · Wheat · Peach Orange

HEX

#EDD09F

RGB

rgb(237, 208, 159)

HSL

hsl(38, 68%, 78%)

HSB

hsb(38, 33%, 93%)

CMYK

cmyk(0%, 12%, 33%, 7%)

Oklch

oklch(87.0% 0.072 80.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A09278

7986A0

Analogous

A07F79

A09278

9AA079

Triadic

A09278

79A092

9279A0

Split-Comp.

A09278

799AA0

7F79A0

Tetradic

A09278

79A07F

7986A0

A0799A

Contrast Matrix WCAG 2.1 Contrast

A09278	AEB99B	D0C49E	E0C183	EDD09F
—	1.5 Fail	1.8 Fail	1.8 Fail	2.1 Fail
1.5 Fail	—	1.2 Fail	1.2 Fail	1.4 Fail
1.8 Fail	1.2 Fail	—	1.0 Fail	1.2 Fail
1.8 Fail	1.2 Fail	1.0 Fail	—	1.2 Fail
2.1 Fail	1.4 Fail	1.2 Fail	1.2 Fail	—

White BG

3.1AA Large

2.1Fail

1.7Fail

1.5Fail

Black BG

6.9AA

10.2AAA

12.1AAA

14.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9A9A7E

B3B3A2

CBCBA7

D3D292

E0E0AB

Deuteranopia

9B9C80

B2B1A4

CCCCA9

D4D796

E2E4AE

Tritanopia

9F8384

AFA8A9

CFAEB0

DE9EA0

ECB4B6

Achromatopsia

939393

B2B2B2

C3C3C3

D3D3D3

Shades & Tints Shades & Tints

#A09278

Dark

Light

#AEB99B

Dark

Light

#D0C49E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a09278;
  --color-2: #aeb99b;
  --color-3: #d0c49e;
  --color-4: #e0c183;
  --color-5: #edd09f;
}

SCSS

$color-1: #a09278;
$color-2: #aeb99b;
$color-3: #d0c49e;
$color-4: #e0c183;
$color-5: #edd09f;

TAILWIND

colors: {
  'brand-1': '#a09278',
  'brand-2': '#aeb99b',
  'brand-3': '#d0c49e',
  'brand-4': '#e0c183',
  'brand-5': '#edd09f',
}

RGB Array

[160, 146, 120], [174, 185, 155], [208, 196, 158], [224, 193, 131], [237, 208, 159]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A09278, #AEB99B, #D0C49E, #E0C183, #EDD09F 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: #a09278; --color-2: #aeb99b; --color-3: #d0c49e; --color-4: #e0c183; --color-5: #edd09f. 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