#8AC492 + #B5C183 + #EEE49F + #D7B172 + #CA7B5D - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#8AC492

Celadon · DarkSeaGreen · Apple Green

HEX

#8AC492

RGB

rgb(138, 196, 146)

HSL

hsl(128, 33%, 65%)

HSB

hsb(128, 30%, 77%)

CMYK

cmyk(30%, 0%, 26%, 23%)

Oklch

oklch(76.7% 0.093 148.2)

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

#B5C183

Willow Green · Tan · Apple Green

HEX

#B5C183

RGB

rgb(181, 193, 131)

HSL

hsl(72, 33%, 64%)

HSB

hsb(72, 32%, 76%)

CMYK

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

Oklch

oklch(78.7% 0.084 117.3)

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

#EEE49F

Fresh Green · Khaki · Lemon Cream

HEX

#EEE49F

RGB

rgb(238, 228, 159)

HSL

hsl(52, 70%, 78%)

HSB

hsb(52, 33%, 93%)

CMYK

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

Oklch

oklch(91.1% 0.088 100.9)

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

#D7B172

Ginger · BurlyWood · Warm Sun

HEX

#D7B172

RGB

rgb(215, 177, 114)

HSL

hsl(37, 56%, 65%)

HSB

hsb(37, 47%, 84%)

CMYK

cmyk(0%, 18%, 47%, 16%)

Oklch

oklch(78.0% 0.092 79.4)

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

#CA7B5D

Tangerine · DarkSalmon · Warm Sun

HEX

#CA7B5D

RGB

rgb(202, 123, 93)

HSL

hsl(17, 51%, 58%)

HSB

hsb(17, 54%, 79%)

CMYK

cmyk(0%, 39%, 54%, 21%)

Oklch

oklch(66.1% 0.108 41.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8AC492

C388BB

Analogous

9EC388

8AC492

88C3AE

Triadic

8AC492

9088C3

C39088

Split-Comp.

8AC492

AE88C3

C3889E

Tetradic

8AC492

889EC3

C388BB

C3AE88

Contrast Matrix WCAG 2.1 Contrast

8AC492	B5C183	EEE49F	D7B172	CA7B5D
—	1.1 Fail	1.6 Fail	1.0 Fail	1.6 Fail
1.1 Fail	—	1.5 Fail	1.0 Fail	1.7 Fail
1.6 Fail	1.5 Fail	—	1.6 Fail	2.5 Fail
1.0 Fail	1.0 Fail	1.6 Fail	—	1.6 Fail
1.6 Fail	1.7 Fail	2.5 Fail	1.6 Fail	—

White BG

2.0Fail

1.9Fail

1.3Fail

2.0Fail

3.2AA Large

Black BG

10.4AAA

10.9AAA

16.2AAA

10.4AAA

6.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A3A49E

BABA92

EAEAB0

C7C681

A8A764

Deuteranopia

A09BA1

BAB996

EAEBB4

C9CC85

ACB266

Tritanopia

8DA8AA

B69EA0

EEBDC0

D58D90

C66A6B

Achromatopsia

ADADAD

B6B6B6

DFDFDF

B5B5B5

8F8F8F

Shades & Tints Shades & Tints

#8AC492

Dark

Light

#B5C183

Dark

Light

#EEE49F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8ac492;
  --color-2: #b5c183;
  --color-3: #eee49f;
  --color-4: #d7b172;
  --color-5: #ca7b5d;
}

SCSS

$color-1: #8ac492;
$color-2: #b5c183;
$color-3: #eee49f;
$color-4: #d7b172;
$color-5: #ca7b5d;

TAILWIND

colors: {
  'brand-1': '#8ac492',
  'brand-2': '#b5c183',
  'brand-3': '#eee49f',
  'brand-4': '#d7b172',
  'brand-5': '#ca7b5d',
}

RGB Array

[138, 196, 146], [181, 193, 131], [238, 228, 159], [215, 177, 114], [202, 123, 93]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8AC492, #B5C183, #EEE49F, #D7B172, #CA7B5D 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: #8ac492; --color-2: #b5c183; --color-3: #eee49f; --color-4: #d7b172; --color-5: #ca7b5d. 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