#B5C096 + #E7DEA5 + #EEAA93 + #C6AE94 + #8FB1A1 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#B5C096

Willow Green · DarkGray · Apple Green

HEX

#B5C096

RGB

rgb(181, 192, 150)

HSL

hsl(76, 25%, 67%)

HSB

hsb(76, 22%, 75%)

CMYK

cmyk(6%, 0%, 22%, 25%)

Oklch

oklch(78.8% 0.059 119.7)

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

#E7DEA5

Fresh Green · Wheat · Lemon Cream

HEX

#E7DEA5

RGB

rgb(231, 222, 165)

HSL

hsl(52, 58%, 78%)

HSB

hsb(52, 29%, 91%)

CMYK

cmyk(0%, 4%, 29%, 9%)

Oklch

oklch(89.4% 0.074 100.2)

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

#EEAA93

Apricot · BurlyWood · Warm Sun

HEX

#EEAA93

RGB

rgb(238, 170, 147)

HSL

hsl(15, 73%, 75%)

HSB

hsb(15, 38%, 93%)

CMYK

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

Oklch

oklch(79.7% 0.087 39.5)

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

#C6AE94

Ginger · Tan · Warm Sun

HEX

#C6AE94

RGB

rgb(198, 174, 148)

HSL

hsl(31, 30%, 68%)

HSB

hsb(31, 25%, 78%)

CMYK

cmyk(0%, 12%, 25%, 22%)

Oklch

oklch(76.5% 0.045 69.3)

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

#8FB1A1

Jade · DarkSeaGreen · Apple Green

HEX

#8FB1A1

RGB

rgb(143, 177, 161)

HSL

hsl(152, 18%, 63%)

HSB

hsb(152, 19%, 69%)

CMYK

cmyk(19%, 0%, 9%, 31%)

Oklch

oklch(73.0% 0.044 165.0)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B5C096

A196C0

Analogous

C0B696

B5C096

A0C096

Triadic

B5C096

96B5C0

C096B5

Split-Comp.

B5C096

96A0C0

B696C0

Tetradic

B5C096

96C0B6

A196C0

C096A0

Contrast Matrix WCAG 2.1 Contrast

B5C096	E7DEA5	EEAA93	C6AE94	8FB1A1
—	1.4 Fail	1.0 Fail	1.1 Fail	1.2 Fail
1.4 Fail	—	1.4 Fail	1.6 Fail	1.7 Fail
1.0 Fail	1.4 Fail	—	1.1 Fail	1.2 Fail
1.1 Fail	1.6 Fail	1.1 Fail	—	1.1 Fail
1.2 Fail	1.7 Fail	1.2 Fail	1.1 Fail	—

White BG

1.9Fail

1.4Fail

1.9Fail

2.1Fail

2.3Fail

Black BG

10.9AAA

15.4AAA

10.8AAA

9.9AAA

9.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BABAA0

E3E3B3

D1D099

BCBB9A

9E9EA5

Deuteranopia

B9B8A3

E4E4B6

D5DA9A

BDBF9C

9C99A6

Tritanopia

B6A8AA

E7BEC0

EB9D9E

C59FA0

91A8A9

Achromatopsia

B8B8B8

DADADA

BCBCBC

B2B2B2

A5A5A5

Shades & Tints Shades & Tints

#B5C096

Dark

Light

#E7DEA5

Dark

Light

#EEAA93

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b5c096;
  --color-2: #e7dea5;
  --color-3: #eeaa93;
  --color-4: #c6ae94;
  --color-5: #8fb1a1;
}

SCSS

$color-1: #b5c096;
$color-2: #e7dea5;
$color-3: #eeaa93;
$color-4: #c6ae94;
$color-5: #8fb1a1;

TAILWIND

colors: {
  'brand-1': '#b5c096',
  'brand-2': '#e7dea5',
  'brand-3': '#eeaa93',
  'brand-4': '#c6ae94',
  'brand-5': '#8fb1a1',
}

RGB Array

[181, 192, 150], [231, 222, 165], [238, 170, 147], [198, 174, 148], [143, 177, 161]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B5C096, #E7DEA5, #EEAA93, #C6AE94, #8FB1A1 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: #b5c096; --color-2: #e7dea5; --color-3: #eeaa93; --color-4: #c6ae94; --color-5: #8fb1a1. 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