#8EC79F + #A5D799 + #CEE6A4 + #F1EBAC + #FAC7B2 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#8EC79F

Celadon · DarkSeaGreen · Apple Green

HEX

#8EC79F

RGB

rgb(142, 199, 159)

HSL

hsl(138, 34%, 67%)

HSB

hsb(138, 29%, 78%)

CMYK

cmyk(29%, 0%, 20%, 22%)

Oklch

oklch(77.9% 0.082 153.6)

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

#A5D799

Celadon · LightGreen · Apple Green

HEX

#A5D799

RGB

rgb(165, 215, 153)

HSL

hsl(108, 44%, 72%)

HSB

hsb(108, 29%, 84%)

CMYK

cmyk(23%, 0%, 29%, 16%)

Oklch

oklch(82.8% 0.099 139.6)

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

#CEE6A4

Willow Green · Khaki · Apple Green

HEX

#CEE6A4

RGB

rgb(206, 230, 164)

HSL

hsl(82, 57%, 77%)

HSB

hsb(82, 29%, 90%)

CMYK

cmyk(10%, 0%, 29%, 10%)

Oklch

oklch(89.1% 0.090 124.4)

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

#F1EBAC

Fresh Green · Wheat · Lemon Cream

HEX

#F1EBAC

RGB

rgb(241, 235, 172)

HSL

hsl(55, 71%, 81%)

HSB

hsb(55, 29%, 95%)

CMYK

cmyk(0%, 2%, 29%, 5%)

Oklch

oklch(93.0% 0.081 103.3)

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

#FAC7B2

Apricot · LightPink · Peach Orange

HEX

#FAC7B2

RGB

rgb(250, 199, 178)

HSL

hsl(18, 88%, 84%)

HSB

hsb(18, 29%, 98%)

CMYK

cmyk(0%, 20%, 29%, 2%)

Oklch

oklch(86.9% 0.065 43.5)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8EC79F

C78EB6

Analogous

9AC78E

8EC79F

8EC7BC

Triadic

8EC79F

9F8EC7

C79F8E

Split-Comp.

8EC79F

BC8EC7

C78E9A

Tetradic

8EC79F

8E9AC7

C78EB6

C7BC8E

Contrast Matrix WCAG 2.1 Contrast

8EC79F	A5D799	CEE6A4	F1EBAC	FAC7B2
—	1.2 Fail	1.4 Fail	1.6 Fail	1.3 Fail
1.2 Fail	—	1.2 Fail	1.3 Fail	1.1 Fail
1.4 Fail	1.2 Fail	—	1.1 Fail	1.1 Fail
1.6 Fail	1.3 Fail	1.1 Fail	—	1.2 Fail
1.3 Fail	1.1 Fail	1.1 Fail	1.2 Fail	—

White BG

1.9Fail

1.6Fail

1.4Fail

1.2Fail

1.5Fail

Black BG

10.8AAA

12.8AAA

15.5AAA

17.2AAA

13.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A7A7A9

BBBBA8

D8D9B4

EEEEBB

E4E3B7

Deuteranopia

A39FAB

B8B4AC

D7D5B8

EFEFBF

E7EBB8

Tritanopia

91B0B2

A8B4B6

CFC1C3

F1C7CA

F7BBBC

Achromatopsia

B1B1B1

C1C1C1

D7D7D7

E6E6E6

D4D4D4

Shades & Tints Shades & Tints

#8EC79F

Dark

Light

#A5D799

Dark

Light

#CEE6A4

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8ec79f;
  --color-2: #a5d799;
  --color-3: #cee6a4;
  --color-4: #f1ebac;
  --color-5: #fac7b2;
}

SCSS

$color-1: #8ec79f;
$color-2: #a5d799;
$color-3: #cee6a4;
$color-4: #f1ebac;
$color-5: #fac7b2;

TAILWIND

colors: {
  'brand-1': '#8ec79f',
  'brand-2': '#a5d799',
  'brand-3': '#cee6a4',
  'brand-4': '#f1ebac',
  'brand-5': '#fac7b2',
}

RGB Array

[142, 199, 159], [165, 215, 153], [206, 230, 164], [241, 235, 172], [250, 199, 178]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8EC79F, #A5D799, #CEE6A4, #F1EBAC, #FAC7B2 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: #8ec79f; --color-2: #a5d799; --color-3: #cee6a4; --color-4: #f1ebac; --color-5: #fac7b2. 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