#9A899C + #BAA29E + #CEC09D + #D8D092 + #E3DCA5 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#9A899C

Dark Plum · LightSlateGray · Silver Sand

HEX

#9A899C

RGB

rgb(154, 137, 156)

HSL

hsl(294, 9%, 57%)

HSB

hsb(294, 12%, 61%)

CMYK

cmyk(1%, 12%, 0%, 39%)

Oklch

oklch(65.1% 0.034 322.7)

Traditional「Dark Plum」· Paint「Silver Sand」· Creative Urban Concrete

#BAA29E

Peach Pink · DarkGray · Coral Red

HEX

#BAA29E

RGB

rgb(186, 162, 158)

HSL

hsl(9, 17%, 67%)

HSB

hsb(9, 15%, 73%)

CMYK

cmyk(0%, 13%, 15%, 27%)

Oklch

oklch(73.2% 0.029 29.0)

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

#CEC09D

Goose Yellow · Tan · Sunflower

HEX

#CEC09D

RGB

rgb(206, 192, 157)

HSL

hsl(43, 33%, 71%)

HSB

hsb(43, 24%, 81%)

CMYK

cmyk(0%, 7%, 24%, 19%)

Oklch

oklch(81.0% 0.050 88.8)

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

#D8D092

Fresh Green · BurlyWood · Sunflower

HEX

#D8D092

RGB

rgb(216, 208, 146)

HSL

hsl(53, 47%, 71%)

HSB

hsb(53, 32%, 85%)

CMYK

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

Oklch

oklch(84.9% 0.081 101.7)

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

#E3DCA5

Fresh Green · Wheat · Lemon Cream

HEX

#E3DCA5

RGB

rgb(227, 220, 165)

HSL

hsl(53, 53%, 77%)

HSB

hsb(53, 27%, 89%)

CMYK

cmyk(0%, 3%, 27%, 11%)

Oklch

oklch(88.7% 0.072 101.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9A899C

899B87

Analogous

8F879B

9A899C

9B8793

Triadic

9A899C

9B9987

879B99

Split-Comp.

9A899C

939B87

879B8F

Tetradic

9A899C

9B8F87

899B87

87939B

Contrast Matrix WCAG 2.1 Contrast

9A899C	BAA29E	CEC09D	D8D092	E3DCA5
—	1.4 Fail	1.8 Fail	2.1 Fail	2.3 Fail
1.4 Fail	—	1.3 Fail	1.5 Fail	1.7 Fail
1.8 Fail	1.3 Fail	—	1.1 Fail	1.3 Fail
2.1 Fail	1.5 Fail	1.1 Fail	—	1.1 Fail
2.3 Fail	1.7 Fail	1.3 Fail	1.1 Fail	—

White BG

3.3AA Large

2.4Fail

1.8Fail

1.6Fail

1.4Fail

Black BG

6.4AA

8.7AAA

11.7AAA

13.4AAA

15.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

939297

B0AF9F

C8C8A5

D5D4A1

E0E0B2

Deuteranopia

949596

B1B39F

C9CAA8

D5D6A5

E0E1B6

Tritanopia

999493

B9A0A0

CDACAE

D8ADAF

E3BDBF

Achromatopsia

909090

A9A9A9

C0C0C0

CBCBCB

D8D8D8

Shades & Tints Shades & Tints

#9A899C

Dark

Light

#BAA29E

Dark

Light

#CEC09D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9a899c;
  --color-2: #baa29e;
  --color-3: #cec09d;
  --color-4: #d8d092;
  --color-5: #e3dca5;
}

SCSS

$color-1: #9a899c;
$color-2: #baa29e;
$color-3: #cec09d;
$color-4: #d8d092;
$color-5: #e3dca5;

TAILWIND

colors: {
  'brand-1': '#9a899c',
  'brand-2': '#baa29e',
  'brand-3': '#cec09d',
  'brand-4': '#d8d092',
  'brand-5': '#e3dca5',
}

RGB Array

[154, 137, 156], [186, 162, 158], [206, 192, 157], [216, 208, 146], [227, 220, 165]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9A899C, #BAA29E, #CEC09D, #D8D092, #E3DCA5 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: #9a899c; --color-2: #baa29e; --color-3: #cec09d; --color-4: #d8d092; --color-5: #e3dca5. 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