#A9CCAB + #859472 + #E39794 + #EBE7C5 + #BAB15B - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A9CCAB

Celadon · Silver · Apple Green

HEX

#A9CCAB

RGB

rgb(169, 204, 171)

HSL

hsl(123, 26%, 73%)

HSB

hsb(123, 17%, 80%)

CMYK

cmyk(17%, 0%, 16%, 20%)

Oklch

oklch(81.1% 0.059 146.5)

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

#859472

Grass Green · Gray · Olive Green

HEX

#859472

RGB

rgb(133, 148, 114)

HSL

hsl(86, 14%, 51%)

HSB

hsb(86, 23%, 58%)

CMYK

cmyk(10%, 0%, 23%, 42%)

Oklch

oklch(64.5% 0.052 127.2)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#E39794

Peach Pink · DarkSalmon · Coral Red

HEX

#E39794

RGB

rgb(227, 151, 148)

HSL

hsl(2, 59%, 74%)

HSB

hsb(2, 35%, 89%)

CMYK

cmyk(0%, 33%, 35%, 11%)

Oklch

oklch(75.1% 0.092 22.0)

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

#EBE7C5

Fresh Green · Bisque · Lemon Cream

HEX

#EBE7C5

RGB

rgb(235, 231, 197)

HSL

hsl(54, 49%, 85%)

HSB

hsb(54, 16%, 92%)

CMYK

cmyk(0%, 2%, 16%, 8%)

Oklch

oklch(92.2% 0.045 101.7)

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

#BAB15B

Autumn Sage · Tan · Sunflower

HEX

#BAB15B

RGB

rgb(186, 177, 91)

HSL

hsl(54, 41%, 54%)

HSB

hsb(54, 51%, 73%)

CMYK

cmyk(0%, 5%, 51%, 27%)

Oklch

oklch(75.0% 0.109 103.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A9CCAB

CCA8CA

Analogous

B8CCA8

A9CCAB

A8CCBC

Triadic

A9CCAB

AAA8CC

CCAAA8

Split-Comp.

A9CCAB

BCA8CC

CCA8B8

Tetradic

A9CCAB

A8B8CC

CCA8CA

CCBCA8

Contrast Matrix WCAG 2.1 Contrast

A9CCAB	859472	E39794	EBE7C5	BAB15B
—	1.8 Fail	1.3 Fail	1.4 Fail	1.3 Fail
1.8 Fail	—	1.4 Fail	2.6 Fail	1.5 Fail
1.3 Fail	1.4 Fail	—	1.8 Fail	1.0 Fail
1.4 Fail	2.6 Fail	1.8 Fail	—	1.8 Fail
1.3 Fail	1.5 Fail	1.0 Fail	1.8 Fail	—

White BG

1.8Fail

3.2AA Large

2.3Fail

1.3Fail

2.2Fail

Black BG

11.9AAA

6.5AA

9.1AAA

16.8AAA

9.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B8B8B3

8B8C7A

C2C195

E9E9CD

B6B670

Deuteranopia

B6B4B5

8B8A7C

C7CC95

EAEACF

B7B775

Tritanopia

ABB9BB

868182

DF9595

EBD4D5

BA8084

Achromatopsia

BEBEBE

8C8C8C

ADADAD

E4E4E4

AAAAAA

Shades & Tints Shades & Tints

#A9CCAB

Dark

Light

#859472

Dark

Light

#E39794

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a9ccab;
  --color-2: #859472;
  --color-3: #e39794;
  --color-4: #ebe7c5;
  --color-5: #bab15b;
}

SCSS

$color-1: #a9ccab;
$color-2: #859472;
$color-3: #e39794;
$color-4: #ebe7c5;
$color-5: #bab15b;

TAILWIND

colors: {
  'brand-1': '#a9ccab',
  'brand-2': '#859472',
  'brand-3': '#e39794',
  'brand-4': '#ebe7c5',
  'brand-5': '#bab15b',
}

RGB Array

[169, 204, 171], [133, 148, 114], [227, 151, 148], [235, 231, 197], [186, 177, 91]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A9CCAB, #859472, #E39794, #EBE7C5, #BAB15B 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: #a9ccab; --color-2: #859472; --color-3: #e39794; --color-4: #ebe7c5; --color-5: #bab15b. 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