#A89D91 + #D4AE79 + #C8D966 + #B5F66F + #D6EDA4 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A89D91

Ginger · DarkGray · Warm Sun

HEX

#A89D91

RGB

rgb(168, 157, 145)

HSL

hsl(31, 12%, 61%)

HSB

hsb(31, 14%, 66%)

CMYK

cmyk(0%, 7%, 14%, 34%)

Oklch

oklch(70.2% 0.021 69.9)

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

#D4AE79

Ginger · BurlyWood · Warm Sun

HEX

#D4AE79

RGB

rgb(212, 174, 121)

HSL

hsl(35, 51%, 65%)

HSB

hsb(35, 43%, 83%)

CMYK

cmyk(0%, 18%, 43%, 17%)

Oklch

oklch(77.3% 0.082 75.3)

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

#C8D966

Fresh Green · BurlyWood · Sunflower

HEX

#C8D966

RGB

rgb(200, 217, 102)

HSL

hsl(69, 60%, 63%)

HSB

hsb(69, 53%, 85%)

CMYK

cmyk(8%, 0%, 53%, 15%)

Oklch

oklch(84.9% 0.141 116.5)

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

#B5F66F

Willow Green · LightGreen · Apple Green

HEX

#B5F66F

RGB

rgb(181, 246, 111)

HSL

hsl(89, 88%, 70%)

HSB

hsb(89, 55%, 96%)

CMYK

cmyk(26%, 0%, 55%, 4%)

Oklch

oklch(90.2% 0.179 130.7)

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

#D6EDA4

Willow Green · Khaki · Apple Green

HEX

#D6EDA4

RGB

rgb(214, 237, 164)

HSL

hsl(79, 67%, 79%)

HSB

hsb(79, 31%, 93%)

CMYK

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

Oklch

oklch(91.2% 0.098 122.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A89D91

909BA7

Analogous

A79090

A89D91

A7A790

Triadic

A89D91

90A79C

9C90A7

Split-Comp.

A89D91

90A7A7

9090A7

Tetradic

A89D91

90A790

909BA7

A790A7

Contrast Matrix WCAG 2.1 Contrast

A89D91	D4AE79	C8D966	B5F66F	D6EDA4
—	1.3 Fail	1.7 Fail	2.1 Fail	2.1 Fail
1.3 Fail	—	1.3 Fail	1.6 Fail	1.6 Fail
1.7 Fail	1.3 Fail	—	1.2 Fail	1.2 Fail
2.1 Fail	1.6 Fail	1.2 Fail	—	1.0 Fail
2.1 Fail	1.6 Fail	1.2 Fail	1.0 Fail	—

White BG

2.7Fail

2.1Fail

1.5Fail

1.3Fail

Black BG

7.9AAA

10.1AAA

13.6AAA

16.4AAA

16.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A3A394

C4C386

CFD082

D1D290

E0E0B6

Deuteranopia

A4A595

C6C989

CECD89

CDC998

DFDDBA

Tritanopia

A79697

D29092

C9989D

B8A9AF

D7C4C7

Achromatopsia

9F9F9F

B3B3B3

C7C7C7

D3D3D3

DEDEDE

Shades & Tints Shades & Tints

#A89D91

Dark

Light

#D4AE79

Dark

Light

#C8D966

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a89d91;
  --color-2: #d4ae79;
  --color-3: #c8d966;
  --color-4: #b5f66f;
  --color-5: #d6eda4;
}

SCSS

$color-1: #a89d91;
$color-2: #d4ae79;
$color-3: #c8d966;
$color-4: #b5f66f;
$color-5: #d6eda4;

TAILWIND

colors: {
  'brand-1': '#a89d91',
  'brand-2': '#d4ae79',
  'brand-3': '#c8d966',
  'brand-4': '#b5f66f',
  'brand-5': '#d6eda4',
}

RGB Array

[168, 157, 145], [212, 174, 121], [200, 217, 102], [181, 246, 111], [214, 237, 164]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A89D91, #D4AE79, #C8D966, #B5F66F, #D6EDA4 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: #a89d91; --color-2: #d4ae79; --color-3: #c8d966; --color-4: #b5f66f; --color-5: #d6eda4. 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